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

目录

• 自定义Snippets常用代码片段提高开发效率
  • 一个案例学会如何编写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, 可以看到出现了代码提示，按下回车键，将会得到代码片段