Maoyl's blog Maoyl's blog
首页
  • 前端基础

    • HTML
    • CSS
    • CSS动画
    • JavaScript文章
    • stylus
  • 性能优化

    • 《性能优化》笔记
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《JavaScript设计模式》笔记
    • 《TypeScript 从零实现 axios》
    • TypeScript笔记
    • JS设计模式总结笔记
  • 前端框架

    • Vue相关
    • React相关
  • 前端监控

    • 前端监控简介
  • 学习笔记

    • 《Vue》笔记
    • 《React》笔记
    • 小程序学习笔记
  • 后端基础

    • Nodejs
  • 学习笔记

    • 数据结构
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • 网页性能
  • 学习笔记

    • 《Git》学习笔记
    • 《Vim》学习笔记
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

maoyln

日日行,不怕千万里
首页
  • 前端基础

    • HTML
    • CSS
    • CSS动画
    • JavaScript文章
    • stylus
  • 性能优化

    • 《性能优化》笔记
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《JavaScript设计模式》笔记
    • 《TypeScript 从零实现 axios》
    • TypeScript笔记
    • JS设计模式总结笔记
  • 前端框架

    • Vue相关
    • React相关
  • 前端监控

    • 前端监控简介
  • 学习笔记

    • 《Vue》笔记
    • 《React》笔记
    • 小程序学习笔记
  • 后端基础

    • Nodejs
  • 学习笔记

    • 数据结构
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • 网页性能
  • 学习笔记

    • 《Git》学习笔记
    • 《Vim》学习笔记
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 简介

  • vim

    • 起步
    • 相关命令的知识
    • 认识vim语法
    • 删改重做命令提升效率
    • 认识可视化模式
    • 什么是文本对象
    • 快速移动
    • 掌握搜索命令
    • vim-easymotion
    • 数字与'.'的威力
    • 多文件跳转
    • vim-surround
    • 字符替换和多文本选中
    • 大小写、注释与提示
    • 窗口管理大法
    • 快速删除一个函数
    • vim的宏操作
    • 调用vscode命令
      • 从需求说起
      • 改建
  • vscode

  • 《Vim》学习笔记
  • vim
maoyln
2022-06-24
目录

调用vscode命令

# 初出茅庐:调用 vscode 命令

经过这么多天的练习,相信大家对 vim 已经有了一定的了解;基本的常用命令,也已经不说熟悉也大概明了;作为 vim 章节的最后一节训练,我们会来探讨如何通过 vim 调用 vscode 的命令,以使我们在 vscode 中使用 vim 的过程中减淡操控的割裂感。

温馨提醒

本节提到的快捷键映射既为进一步的快捷键拓展,也是为了说明 vim 命令与 vscode 快捷键的如何融汇贯通,大家了解了映射原理后,就可尽情拓展自己的其他需求和场景的快捷键,举一反三才是最好的实践。

# 从需求说起

在日常开发中,我们常常(可能)会有这几个需求:

  • 格式化文档
  • 重名名变量
  • 折叠代码

但是这几个“需求”,严格意义来说本来是不存在的;它们出现只是因为我们用了 vim;在我们还(大量)使用鼠标时,我们可以全选代码,然后右键格式化即可;折叠代码我们之间点行前的加减号就可以完成;或者有一些朋友之前已经很熟练使用这几个功能对应的 vscode 快捷键:

  • 格式化文档:shift + alt + f / shift + option + f
  • 重名名变量:f2
  • 折叠代码:option + command + '['

# 改建

"vim.normalModeKeyBindings": [
  {
    "before": ["<Leader>", "f", "d"],
    "commands": ["editor.action.formatDocument"]
  },
  {
    "before": ["<Leader>", "r", "n"],
    "commands": ["editor.action.rename"]
  },
  {
    "before": ["<Leader>", "["],
    "commands": [
      {
        "command": "editor.fold"
      },
      {
        "command": "vim.remap",
        "args": {
          "after": ["$", "%"]
        }
      }
    ]
  },
  {
    "before": ["<Leader>", "]"],
    "commands": [
      {
        "command": "editor.unfold"
      }
    ]
  }
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

但是由于我们现在使用 vim 了,为了让组合按键更舒服,也为了降低记忆快捷键的心智负担,统一键位刻不容缓(夸张手法,其实看个人;你用的舒服其实不改也没有关系)。

编辑 (opens new window)
#Vim
上次更新: 2025/04/18, 01:42:12
vim的宏操作
文本与窗口的基本操作

← vim的宏操作 文本与窗口的基本操作→

最近更新
01
GSAP动画库——如何高效写动画
04-17
02
自适应方案PxToRem
09-10
03
性能优化-requestAnimationFrame
08-10
更多文章>
Theme by Vdoing | Copyright © 2019-2025 备案号:京ICP备19058102号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式