1. 用户片段
- 【文件】→【首选项】→【用户片段】（或者点击左下角设置图标，选择用户代码片段。） 可以看到下面这个内容
你就可以对现有的代码片段进行修改，或者创建一个新的代码片段，需要xxx格式的代码片段就新建xxx.json。注意可以设置全局代码片段，也可以设置单个项目的。这里我们先创建一个名为vue.json的全局代码片段文件，来进行演示。
2. VSCode中的代码片段语法
prefix：对应触发代码片段的字符。description：代码片段的描述。body：对象代码片段的内容，通常为一个数组，数组内的一行对应生成代码片段后的一行。 $占位符$1表示生成代码快速生成后后光标首次出现的位置$2写在"console.log('$1');"下面,表示在快速生成console.log()后,代码后会空出一行,并且再次按tab键时,光标会跳转到$2（空出的一行）的位置$0用于设置最终光标的位置。 默认与可选项- 如果想让占位符中具有一个默认值，可以通过
${1:defalt}的形式来编写。 - 如果行提供一些选项，可以通过
${1|one,two,three|}的形式来编写 常量 - 在代码片段中，VSCode为我们提供了一些常量，使用方式也比较简单，例如
$TM_FILENAME。
3. 生成全局vue格式的代码片段（vue.json）
- 推荐一个用于生成代码片段的网站，链接如下：snippet-generator.app/
2. 将
要设置的代码片段复制到your snippet里面，tab trigger填入你想要的简写（对应触发代码片段的字符），就生成好了
3. 接下来copy snippet到vue.json
4. 在.vue文件输入vue3即可出现该代码片段
4. 全局JS代码片段
新建javascript.json
5. 为项目创建代码片段
- 有些时候我们需要为具体的项目创建一些代码片段，其实也比较简单，我们只需要在当前项目的根目录创建一个
.vscode文件夹，然后创建以.code-snippets的结尾的文件即可（更简单的方法是直接新建项目文件夹VueTest的代码片段文件vue.json）
