自定义Snippets常用代码片段提高开发效率

自定义Snippets常用代码片段提高开发效率

日常搬砖过程中，有很多代码是重复的
对于这些代码，可以考虑放进工具类，或者安装snippets插件，或者干脆找以前的代码Ctrl+CV也是常有的事
对于常用又简单直接的代码，如果都放进工具类的某个方法中，未免有些过度封装
每一种框架和语言对应的snippets都有很多，但不一定好用且符合自己的编码习惯
Ctrl+CV就操作链路和心智的开销来说，还是不如snippets丝滑爽快

因此，自己编写snippets，不管从开发体验还是效率上来说，都是一件很舒服的事情

一个案例学会如何编写snippets

举例，我们写markdown的时候，经常用到标题和图片插入，这里就以图片插入为例


首先打开VScode, 选择左下角User Snippets

在上方输入markdown，找到markdown.json，进入

OK， 可以愉快的玩耍了，在json中输入以下代码

    "Insert Image": {"prefix": "/img","body": ["![$1]($)"  // 插入图片语法，并将光标放在图片链接处],"description": "Insert Markdown image syntax"},

Insert Image是Snippets名称

prefix表示提示词, 输入提示词并按下回车键会将body内的代码片段插入到当前文件位置

body是代码片段主体，也就是你编码的时候要插入的代码片段

$1代表光标位置，插入代码之后鼠标会定位到这里，你将从这里输入自定义的内容

验证

新建一个markdown文件，并输入/img, 可以看到出现了代码提示，按下回车键，将会得到代码片段