vscode配置自己的用户代码片段

一、新建用户代码片段

在vscode中点击设置，找到代码片段：

新建全局代码片段：

二、编辑代码片段

首先，这创建的是一个全局代码片段demo.code-snippets，其次，$1、$2指的是光标依次停留的位置，用tab键可以从$1处切换到$2处，下面是一个示例。

以上面的示例为例：

红框：指的是提示和描述信息；

黄框：指的是提示词；

绿框：是代码片段的主体部分；

如果要写多个提示词，prefix就需要写成数组形式：

（正常情况下，双引号里面是不能再写双引号，需要换成单引号，这里用了转义符号就可以了。）

三、编辑用户代码片段好用的工具

自己配置代码片段能带来很多便利，一方面自己能够清楚自己需要什么代码片段，另一方面可以自定义描述信息和提示词。但是，要是一行一行编辑也是很麻烦的，这时就需要一个好用的工具：

snippet generator (snippet-generator.app)

把要配置的代码粘贴在左边，上方写描述信息和提示词，右边会自动生成对应的代码片段，然后再点击右下角的copy snippet，把复制的代码粘贴在刚才新建的全局代码片段的文件demo.code-snippets文件中，这样一个代码片段就建好了。如下图：

这时，$1、$2就需要根据自身的需求手动添加。

写在最后的话

如果想要删除文件，直接右击-在文件资源管理器中显示，找到要删除的文件进行删除，也可以根据蓝框显示的路径一步一步查找。