VSC x VIM - 反正多学几个快捷键没有坏处

2024.08 Update

一年过去了, 我的感想是: MD, 我以前没有 VIM 是怎么活过来的!!!

2023.04 Update

硬是压着自己使用了两个月, 现在我的效率又提高了一级

推荐使用的几个 VIM 插件:

1. Easy-Motion
2. Vim-Surround
3. Vim-Sneak(optional)
4. vim-indent-object(optional, 但是有时候挺有用)

2023.02 Update

距离这一篇文章的第二次更新已经过去了半年, 这段时间我不断地尝试 VIM, 期间也不断放弃和重试, 终于在 2023 年的今天, 我成功用 VIM 代替 IDE 的普通编辑模式

用于开发最好的组合是 VSC + VIM, VSC 弥补了 VIM 的不足(比如其他的一些选择快捷键, 代码提示, Hover, Reference 查看等等), VIM 却从效率上提升了 VSC 的编辑体验

前言

这篇文章编辑自 2016 年的一篇文章.

当年研究过一段时间 VIM, 因为操作不熟练没有用作主力 IDE, 而是单纯在 CLI 里面用于轻度编辑

多年过去了, VSC 成为了主力 IDE, VSC 的 VIM 插件也变得更好用了

我使用 VSC 的快捷键已经可以达到很高的操作速度, 不过多学几个快捷键没什么坏处

VSC VIM 插件

首先需要安装 VSC 的 VIM 插件

模拟 VSC 的基础功能

Ref

• gd: VSC 类似 Ctrl+点击, 查看所选内容的引用
• gh: 类似于鼠标 hover
• af - visua mode command which selects increasingly large blocks of text. For example, if you had "blah (foo [bar 'ba|z'])" then it would select 'baz' first. If you pressed af again, it'd then select [bar 'baz'], and if you did it a third time it would select "(foo [bar 'baz'])".
• gt/gT: 正向反向跳转文件标签页, VSC 自身也有快捷键这个可以选择性使用
  • 2gt: 这个其实是激活第二个标签页, 注意不是跳两次

vim-easymotion

这个插件的目的是为了方便使用 motion 命令快速跳转

Based on vim-easymotion and configured through the following settings:

需要进行一些配置:

  "vim.leader": "<space>", // 关键快捷键
  "vim.easymotion": true, // 开启功能

如上配置之后可以通过 <space><space>w{char} 快速跳转到包含特定字母的字符的开头

Hotkeys

<leader><leader> (2s|2f|2F|2t|2T) <char><char> and <leader><leader><leader> bd2t <char>char> are also available. The difference is character count required for search. For example, <leader><leader> 2s <char><char> requires two characters, and search by two characters. This mapping is not a standard mapping, so it is recommended to use your custom mapping.

Usage

1. 首先是最简单的用法: <leader><leader> s <char> 搜索单个字母
   • 例如: <leader><leader> s a 搜索所有的 a 字母
   • 匹配的数量可能会很多, 导致跳转的时候可能需要多按两次
2. <leader><leader> / <char>…… <CR> 搜索多个字母

• 例如: <leader><leader> / abc <CR> 搜索所有的 abc 字符串
• 由于匹配了多个字母, 所以跳转的时候需要按的次数会少很多
• 但是需要额外按下回车也很麻烦

3. <leader><leader> j 搜索所有的行首

• 多数情况下选择多行时会用到, V <leader><leader> j 就可以选中当前行和目标行

Personal Mapping

{
	"before": ["J"], // 将 Shift+J 设置成 Easymotion 的
	"after": ["<leader>", "<leader>", "/"]
},

// 或者你也可以绑定到 f 按键上, 因为我一直觉得 f 的查找效率不高, 而且绑定到 f 上也不会影响到原来的功能
{
  "before": [ "f", ],
  "after": [ "<leader>", "<leader>", "/" ]
},

vim-surround

Based on surround.vim, the plugin is used to work with surrounding characters like parentheses, brackets, quotes, and XML tags.

t or < as <desired> or <existing> will enter tag entry mode. Using <CR> instead of > to finish changing a tag will preserve any existing attributes.

Some examples:

• "test" with cursor inside quotes type cs"' to end up with 'test'
• "test" with cursor inside quotes type ds" to end up with test
• "test" with cursor inside quotes type cs"t and enter 123> to end up with <123>test</123>

vim-sneak

Based on vim-sneak, it allows for jumping to any location specified by two characters.

另一种跳转工具, 实现搜索两个首字母方便跳转, 缺点在于需要输入两个字母, 如果单词较长, 会比较麻烦

Once sneak is active, initiate motions using the following commands. For operators sneak uses z instead of s because s is already taken by the surround plugin.

VSCode 文件配置

  "vim.leader": "<space>",
  "vim.easymotion": true,
  "vim.surround": true,
  "vim.useSystemClipboard": true,
  "vim.sneak": true,
  "vim.sneakUseIgnorecaseAndSmartcase": true,
  "vim.autoSwitchInputMethod.enable": true,
  "vim.autoSwitchInputMethod.defaultIM": "1033",
  "vim.autoSwitchInputMethod.obtainIMCmd": "D:\\Tools_For_Work\\im-select\\im-select.exe",
  "vim.autoSwitchInputMethod.switchIMCmd": "D:\\Tools_For_Work\\im-select\\im-select.exe {im}",
  "vim.handleKeys": {
    "<C-d>": false,
    "<C-b>": false,
    "<C-h>": false,
    "<C-f>": false,
    "<C-a>": false,
    "<C-x>": false,
    "<C-w>": false,
    "<C-s>": false,
    "<C-c>": false,
    "<C-v>": false,
    "<C-z>": false,
    "<C-e>": false,
    "<C-n>": false,
    "<C-t>": false
  },
  "vim.normalModeKeyBindingsNonRecursive": [
    // {"before": ["<leader>", "g"], "after": ["<cmd>", "Rg", " "]},
    {"before": ["f"], "after": ["<leader>", "<leader>", "/"]},
    {"before": ["x"], "after": ["\"", "_", "x"]},
    {"before": ["X"], "after": ["\"", "_", "X"]},
    {"before": ["d", "d"], "after": ["\"", "_", "d", "d"]}
  ],
  "vim.normalModeKeyBindings": [
    {"before":["H"], "after":["^", "a"]},
    {"before":["K"], "after":["g", "T"]},
    {"before":["J"], "after":["g", "t"]},
    {"before":["H"], "after":["^", "i"]},
    {"before":["L"], "after":["g", "_"]}
  ]

Vim - 基础

编辑模式

1. 普通模式下按下 i 进入插入模式
   1. 使用 i 将光标定位到选择内容前方
   2. 使用 a 将光标定位到选择内容后方
2. 插入模式下按下 Esc 或者 Ctrl+[ 回到普通模式

• 如果不确认在哪个模式就按两下 Esc 回到普通模式

Command Cheatsheet

• 移动 (motion)
  • 按照单词移动
    • w: 跳到下一个单词的开头
    • b: 跳到当前单词或者上一个单词的开头
    • e: 跳到当前单词或者下一个单词的结尾
    • ge: 调到上一个单词的结果
  • 行按照行移动 j
    • 0: 数字 0, 跳到行首的任何字符
    • $: 跳到行尾的任何字符
    • ^: 跳到行首的非空字符
    • g_: 跳到行尾的非空字符
    • gg: 跳到文件第一行的行首非空字符
    • G: 跳到文件最后一行的行首非空字符
  • 字符查找
    • f{char}: 跳转到行内下一个 {char} 位置
    • F{char}: 跳转到行内上一个 {char} 位置
    • t{char}: 跳转到行内下一个 {char} 前, 比 f{char} 少取一个字符
    • T{char}: 跳转到行内上一个 {char} 后, 同样少取一个字符
  • 翻页 (注意这里几个快捷键可能和 VSC 的快捷键会冲突, 修改 vim.handleKeys 可以防止冲突 )
    • Ctrl+f/b: 向前/向后移动一页
    • Ctrl+d/u: 向前/向后移动半页
• 重复
  • ;/,: 正向/反向重复行内查找
  • ./u: 正向/反向重复文本改变
  • n/N: 正向/反向重复全文查找
  • &/u: 正向/反向重复替换
  • @{marco}/u: 正向/反向执行宏
• 动作 (action)
  • i: 选中范围内(Inner), vi( 会选括号内的内容
  • a: 选中范围(Around), va( 会连括号一起选中
  • d: 删除(同时会复制)
  • c: 修改(同时进入插入模式)
  • y: 复制
  • v: 进入 VISUAL 模式
• 混合使用
  • dd: 删除一行
  • cc: 删除一行并从非空位置开始输入
  • yy: 复制一行
  • 2yy: 复制三行
  • di(/dib: 删除小括号内的内容
  • da(/dab: 删除小括号以及里面的内容
  • di{/diB: 删除大括号内的内容
  • ci<: 快速修改尖括号里面的内容
  • dfa: 从当前开始删除到下一个字母 a
  • ya`: 快速复制 backtick 符号以及里面的内容
  • d$: 从当前一直删除到结尾
  • d^: 从当前一直删除到开头
  • die: 删除整个文件
  • dit: 删除一个 Tag 里面的内容, 适合 XML 文件
  • dat: 删除一个 Tag 全部
• 宏的录制
  • q{char}: 录制一个宏命令并保存到 {char} - q: 输入完毕后停止录制, 可能不会有什么反应但是会停止录制 - @{char}: 执行录制的名称为 {char} 的宏 - :register {char}: 查看已经录制的宏的细节 - qaq: 清楚所有宏

普通模式

1. {char} 指任何可输入字符
2. <CR> 指 Enter 按键
3. <C-{char}> 指按住 Ctrl 然后按下 {char} 对应的按钮

简单命令

附一张 VIM 键位图¹：

Example

快速选取 1

例如下面这样的文字：

	|  aaa| vaaaa<br>aaaa<br>bbbb  |

如果我们要修改出左边的aaa，则可以直接双击然后修改

而若要修改右边的一团 vaaaa<br>aaaa<br>bbbb，只需要几个按键:vt|

1. v 代表开始选择
2. t 代表直到某个特定字符
3. | 就代表竖线字符

如此可以快速的选中右边的一团，最重要的是不需要操作鼠标

如果有多个这样格式的一团需要进行批量选中修改，那么VIM可以节省很多时间

快速选取 2

	[^2]: [http://www.vimer.cny](http://www.vimer.cn)

例如需要选取大括号内的数据，只需要输入vi[ 即可快速选中括号内所有数据，而不用移动鼠标来进行选取

如果选取是为了修改则可以直接输ci[

宏

之前就听说 Marco Recording 是个很 6 的功能，这次正好来体验一下²

比如有 100 个这样的 item，要从中筛选出 30 个，如果用普通方法我们需要选中每个 item，然后删除，如果使用普通vim，我们可以使用5dd来删除每个 item，但是需要定位到 item 开头的cards标签才能执行，这时候macro是个很不错的 Solution

	cards
		cardNamecardName
		cardDesc-cardDesc
		cardType7cardType
	cards
	cards
		cardNamecardName
		cardDesc-cardDesc
		cardType7cardType
	cards
	cards
		cardNamecardName
		cardDesc-cardDesc
		cardType7cardType
	cards

宏相关命令

这时候只需要以下几步

1. qa ： 开始录制宏并保存到变量a中
2. ?cards{Enter} : 跳转到前一个 cards 的位置并取消选择
3. 5ddq : 删除 5 行并停止录制

然后如果想要删除特定 item 就只需要输入@a来调用变量a里面保存的宏命令

参考文献

Footnotes

1. http://www.vimer.cny ↩

2. http://www.cnblogs.com/ini_always/archive/2011/09/21/2184446.html ↩