博客

目录

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两个字符，就自动提示出来了我设置的代码块，一回车就自动填充了设置好的代码块，如下图

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