VSCode 添加代码块

在iOS开发中，我们经常使用Xcode里面的代码块，来提高开发效率。把平时经常使用到的方法，或者是代码比较多的方法，弄个代码块，就不需要一个一个字符去敲了，非常方便。那么在使用VSCode的时候，我们也想和使用Xcode一样，设置代码块，方便平时开发调用，改如何去设置呢？？？前往下看????1.打开VSCode设置找到设置里面的“User Snippets”（用户代码片段）2.选择代码块文件或者创

卡卡西Sensei

3104人浏览 · 2021-04-02 16:56:57

卡卡西Sensei · 2021-04-02 16:56:57 发布

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

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

1.打开VSCode设置

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

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

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

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

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

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

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

4.具体使用

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^