我们在前面练习Vue的过程中，有些代码片段是需要经常写的，我们在VSCode中我们可以生成一个代码片段，方便我们快速生成。

VSCode中的代码片段有固定的格式，所以我们一般会借助于一个在线工具来完成。

具体的步骤如下：

第一步，复制自己需要生成代码片段的代码；

第二步，https://snippet-generator.app/在该网站中生成代码片段；

在vscode中选择


这里有三种类型可以选，

类型一：全局作用域
这种类型的代码块是创建在vscode软件内部的文件。是跟随这当前安装的vscode这个软件的，不会随着项目的关闭而失效，会一直存在。

类型二：文件夹作用域
这种类型的代码块是创建在某个文件下.vscode这个隐藏文件夹中的，这个代码块只适用于当前文件夹，出了这个文件夹就不能使用这个代码块了

类型三：特定文件类型作用域
这种类型的代码块跟全局作用域的文件路径是一致的，都是创建在了vscode中，会一直存在。但是这种代码块只适合于你指定的文件类型。比如：如果你创建的是JavaScript类型，那这个代码块就不能再vue文件中使用。
注意三种类型的代码块书写规范都是一致的

这里我们选择第一个

scope：作用文件类型。就是代码块的作用文件类型，这里我们可以指定文件类型，多种类型之间用逗号隔开，比如如果指定作用范围类型"css, javascript" 那么这个代码块只能在这两种类型的文件中起作用。如果值为空，或者是不写这个属性，默认所有类型文件都支持改代码块。在特定文件类型中这个值是不起作用的，写了会报错，因为这种类型已经本身已经限制了文件类型（限制只在特定的文件类型里才会出现联想）

prefix： 触发代码块的字符串。写代码的时候我们只需敲出这个字符串就会触发我们的代码块。

body：代码块的主体内容。我们需要把我们的代码书写在这个属性中。仔细观察我们可以看出，代码块主体就是字符串的数组。

description：代码块的简单介绍，我们可以介绍一下这段代码块是干什么用的

所有的代码段都必须写在最外层大括号中，每个代码块之间用逗号隔开，一个代码块就类似一个对象。上方代码就是简单写了两个代码块。 接下来介绍每个属性的作用及方法。

• 每个字符串元素就代表一行，行与行之间用" , "隔开表示换行。或者使用\n换行
• 行内不能使用tab键缩进，只能使用空格或者\t缩进
• $1使用代码块敲击回车或者tab键后光标定位的位置。$2 $3 $4…表示我们按下tab光标依次出现的位置

保存就可以了，以后再html文件中输入vueapp，我这里自己命名的vueapp就可以联想出自己设置的代码模板了

删除：如果不想使用某个代码块，我们只需找到这个代码块的书写位置，然后把它删掉就好了。但是我们如何删除代码块文件呢。首先我们需要找到的路径。