vscode+vim（怎么可以错过）vim easymotion，vim-Auto complete code(打造自己的IDE) 自动完成代码片段 自定义代码片段 让代码飞起来，免费源码交易平台，

1.vscode使用vim

习惯使用 自定义代码片段 是一种非常好的习惯，能大大提高我们平常的开发效率，以及代码规范可以根据自己的习惯来创建常用代码片段本文介绍如何在vim中 定义自己的 代码片段，vim快捷键映射, 快速完成代码补全。

2.vscode中vim插件怎么样使用

效果如下：.vimrc” 自定义代码块补全 可读性较差，虽然不经常改动 ” 插入模式 快捷键 `1j inoremap `1j =SetAuto() func! SetAuto() let data = [ \{“key”: “v-for”, “code”: “=\”(item, index) in \””, “call”: “\i”}, \{“key”: “.forEach”, “code”: “((item, index) => {});”, “call”: “\hi\\kA\”}, \{“key”: “.then”, “code”: “((res) => {\}).catch((err) => {\this.$error(err);\});”, “call”: “\kkkA\”}, \{“key”: “.$alert”, “code”: “(这是一段内容, 标题名称, {\ \confirmButtonText: 确定,\ \callback: action => {\ \this.$message({\ \type: info,\ \message: `action: ${ action }`\ \});\ \}\ \});”, “call”: “\h%la”}, \{“key”: “text-o”, “code”: “verflow: ellipsis;\white-space: nowrap;\overflow: hidden;”, “call”: “\”} \] ” TODO 可以利用complete菜单实现可视化选择需要的代码片段 ” 当前行 let line = getline(.) ” 光标位置 let start = col(.) – 2 for item in data if line[start + 1 – strlen(item[key]):start] == item[key] return item[code].item[call] endif endfor return endfunc

3.vs code vim模式

这里可以看见 数组里面的代码片段可读性非常差，接下来提供另外一种思路效果如下：.vimrc” 文档形式代码片段 代码片段维护成本低，可读性高 ” 正常模式 快捷键 `1a map `1a yiw :call AutoCode() :res 100 :set nonu ggvG$y:qApbdt#x func AutoCode() let word = @0 execute :split ~/Documents/myvim/code-block/.word..vim endfunc。

4.vscode vimrc

整体逻辑：简单粗暴，就是读取代码片段文件里的内容，粘贴到当前光标位置，为什么要加一个# 是为了占位，避免dw 删除整个单词，所以利用了dt#代码片段文件如下:~/Documents/myvim/code-block/alert.vim 。

5.vim配置成vscode

~/Documents/myvim/code-block/flex.vim

6.vscode使用vim模式

第二种是不是更美观，随时修改文件即可还怕记不住elment-ui？官方文档弄过来直接用，懒一点你就写个脚本抓过来自动生成！第三种：” TODO 利用complete菜单实现可视化选择需要的代码片段（后期揭晓）。

7.vscode设置vim

发现用vim键组合啥都能干啊，没有做不出来的，只有你想不到的！