VSCode 自定义代码片段

代码片段

代码片段是什么呢？代码片段可以理解为模板，当我们输入指令时，按下【tab】或者【enter】即可出现对应的模板。

为什么要使用代码片段呢？在开发过程中，经常会遇到一些重复使用的代码块，复制粘贴也很麻烦，这时，使用代码片段的优点就凸显出来了。

“工欲善其事，必先利其器”

Snippets 工具

官网地址：Snippets in Visual Studio Code

自定义代码片段

第一步：选择模板类型

 

 选择需要自定义模板的类型，我这边选择的是 html

第二步：复制自己需要生成代码片段的代码

第三步：生成代码片段

打开 snippet generator 将需要生成代码片段的代码复制

 第四步：配置代码片段

将生成的代码片段赋值，放到选择的模板类型的 json 文件中即可。多个代码片段用分号分隔

 第五步：使用代码片段

创建 html 文件（我这边添加的是 html 代码片段，大家根据自己的类型创建即可），输入快捷代码，回车，即可生成代码。