VSCode 帮助贫困的乌干达儿童

最近把开发环境从 WebStorm 迁移到了世界上最好的编辑器 VSCode，由于须要常常开启多个项目，CPU 和内存都爆了只能弃坑。使用过一段时间 vsc 发现里面自带插件库有个叫作 vscodevim 的插件特别有意思。它使用了一些诡异的键位和模式，和普通编辑体验差异很大，可是一看评价这么高，下载量这么大，我一度怀疑本身。看来你们都很承认这个插件，坚持使用了一段时间，发现这些诡异的键位用起来是真的特别爽，颠覆了我对文本编辑体验的认知。接下来我要开始安利了！

模式

要学会使用 vim 首先要弄清楚它和其余编辑器最大的区别之一就是它拥有多个模式，而其余大部分编辑器就只有编辑模式，直接就能插入修改删除，做为一篇安利入门性质文章，咱们须要知道 vim 中最重要的四种模式。

• normal<esc>：能够简单的理解为浏览模式，默认就是 normal，在这种状态下你能够移动光标，跳转翻页，也能够作一些其余如删除等操做，在插入模式下按 esc 回到 normal 模式。
• insert<i>：就是经常使用编辑器的编辑态，符合咱们常规的使用方式，在 normal 下按 i 键进入插入模式。
• command<:>: 在 normal 模式下按冒号进入命令模式，好比 :wq 退出 vim。
• visual<v>：和 normal 相似可是命令会高亮选中区域，相似普通编辑器选中了一段文本。

vim 不止这四种模式，可是这几种是比较经常使用到的，更多模式能够看 vim 文档。

Text Object

vim 对文本进行了抽象，句子由单词组成，段落由句子组成，文章由段落组成，如一个单词就是一个 text-object，它配合 operator 能够进行一些很是高效的操做。常见文本对象的类型：

• iw - inner word
• aw - a word
• is - inner sentence
• as - a sentence
• ip - inner paragraph
• ap - a paragraph

若是结合下面要提到的 operator 就能够组合成一个指令如：daw(delete a word) 便可删除当前光标下的单词。

Motion

vim 中使用一些 motion 能够快速的来移动光标，如：

• w: 到下一个单词
• b: 上一个单词
• h: 光标向左
• l: 光标向右
• j: 光标向下
• k: 光标向上
• G: 文本末尾行
• gg: 文本开始行
• zz: 屏幕中间
• %: 匹配一对符号的另外一端
• ^: 行首
• &dollar;: 行尾

Operator

一个 vim 命令能够由 operator、number、motion 组成，咱们先看 operator，它指的是一些操做如：

• d: 删除
• dd: 删除当前行
• c: 删除并进入插入模式
• y: 复制
• p: 粘贴
• s: 删除并进入插入模式
• x: 删除
• o: 向下插入一新行
• O: 向上插入一新行
• >: 向右缩进
• <: 向左缩进
• u: 撤销上次操做
• .: 重复上次操做，这个颇有用

如今结合 operator / motion / number:

• 2dd: 执行 2 次 dd 即为向下删除 2 行
• daw: 删除当前单词
• 2daw: 删除 2 个单词，包含单词旁边的空格，a 能够理解为 around
• 2diw: 删除 2 个单词，不删掉旁边空格
• c&dollar;: 删除当前光标到当前行末尾的字符
• dG: 从当前行删除至文本末尾
• 2yy: 向下复制 2 行
• 2p: 粘贴 2 次复制的内容

Surround

在 vim 中有一个逆天的插件 vim-surround 如今 vscodevim 中集成了它。它能够很方便的来处理环绕文本，在代码中总会有一些 (){}[]<>''"" 符号，这个插件能很方便的处理它们。在 normal 模式下：

# cs"' 将双引号变成单引号
"hello world" -> 'hello world'

# cs"<p> 把双引号变成 p 标签
"hello world" -> <p>hello world</p>

# ds" 删掉两侧双引号
"hello world" -> hello world

# ysaw' 给 hello 加上单引号
"hello world" -> "'hello' world"

更多使用能够查看 https://github.com/tpope/vim-...。

附上一张 vim 键位图，vim 开始适应须要一段时间，当造成肌肉记忆了用起来就很爽了。

输入法切换问题

VSCode 若是在 vi 的 insert 模式下使用了中文输入法，当回到 normal 模式的时候将会仍是中文输入法，而后你使用 JKLH 的时候出现一堆拼音这样显然是很恶心的，被迫还要手动切回英文输入法，这里 VSCodeVim 其实已经提供解决方案那就是在切回 normal 模式的时候自动去切换输入法。详细能够看 https://github.com/VSCodeVim/...。

解决方案就是首先咱们安装 im-select 这个 CLI，而后在 VSCode 添加如下设置：

{
  "vim.autoSwitchInputMethod.enable": true,
  "vim.autoSwitchInputMethod.defaultIM": "com.apple.keylayout.US",
  "vim.autoSwitchInputMethod.obtainIMCmd": "/usr/local/bin/im-select",
  "vim.autoSwitchInputMethod.switchIMCmd": "/usr/local/bin/im-select {im}"
}

你的默认输入法不必定是 com.apple.keylayout.US 可使用上面的 im-select 进行获取，而后替换成你想要设置的 defaultIM。以上是 macOS 的设置，其余平台能够参考上面 VSCodeVim 的官方文档。这样每次回到 normal 模式咱们就会自动切回英文输入法。

快捷键

VSCode 自带了一些快捷键也是很好用的。

做用	快捷键
符号重命名，重命名变量颇有用，文件中所有自动替换	F2
从新打开被关闭的编辑页面	cmd+ shift + t
打开 terminal	ctrl + `
删除前一个单词（在 vsc 其余地方也是能用的）	option + delete
上下移动选中行	option + 上下箭头
多行编辑	按住 option 单击须要编辑的位置
切换 Tab 组	ctrl + cmd + 左右箭头
搜索符号	cmd + t
搜索文件	cmd + p
搜索命令	cmd + shift + p
切换左侧面板	cmd + b
打开文件管理	cmd + shift + e
文件搜索面板	cmd + shift + f
扩展搜索面板	cmd + shift + x
在当前位置展现光标所在处变量、函数定义	cmd + 鼠标移动到光标处
跳转到定义处	F12
复制当前打开文件的存放路径	cmd + k + p
新建文件	cmd + n
打开新的 vsc 实例	cmd + shift + n

原文地址 https://github.com/Jiavan/blo...