VSCode 添加代码块

 

目录

1.打开VSCode设置

2.选择代码块文件或者创建代码块

3.选择需要设置的文件类型

 4.具体使用

---

在iOS开发中，我们经常使用Xcode里面的代码块，来提高开发效率。把平时经常使用到的方法，或者是代码比较多的方法，弄个代码块，就不需要一个一个字符去敲了，非常方便。

那么在使用VSCode的时候，我们也想和使用Xcode一样，设置代码块，方便平时开发调用，该如何去设置呢？？？请耐心往下看👇

1.打开VSCode设置

找到设置里面的“User Snippets”（用户代码片段）

2.选择代码块文件或者创建代码块

 这里列出了比较常用的文件类型，HTML、JavaScript 、Vue等后缀的文件，我们选择其中的一个文件类型的.json文件进去设置就可以了

3.选择需要设置的文件类型

 进入需要设置文件里面去设置Json

 

 

1. prefix :这个参数是使用代码段的快捷入口，比如这里的log在使用时输入Iog会有智能提示。
2.  body :这个是代码段的主体.需要设置的代码放在这里,字符串间换行的话使用\r\n换行符隔开.注意如果值里包含特殊字符需要进行转义。多行语句的以逗号,隔开
3. $1 :这个为光标的所在位置。
4. $2 :使用这个参数后会光标的下一位置将会另起一行,按tab键可进行快速切换,还可以有$3,$4,$5.....
5. description :代码段描述,在使用时智能提示时的描述

我上面已经写了两个例子了，第一个是JavaScript，第二个是CSS 的样式Style

 4.具体使用

我们使用的时候，就是在你设置后缀类型的文件中去使用就可以了，如图，我输入js两个字符，就自动提示出来了我设置的代码块，一回车就自动填充了设置好的代码块，如下图

 

哈哈😁是不是很简单啊！毫无难度，步骤少，设置简单，赶紧自己动手去试试吧！😁