vs code设置自定义代码块的方法

时间:2024-03-30 17:21:42

作为一个*度这么高的编辑器,当然要利用好他的这一点,可以大大地提高编写效率。

1. 首先打开“首选项”,选择“用户代码片段”。

vs code设置自定义代码块的方法

2. 然后再选择你需要将此代码块作用在哪种类型的文件。

vs code设置自定义代码块的方法

3. 然后需要配置一个json文件,下图是一个模版

vs code设置自定义代码块的方法

记得在外面包一层 “{}" ,然后每一个代码块就写一个类似该模版的对象,中间用 "," 隔开。

其中"prefix"为触发代码块的字符, "Print to console"为输入了触发字符之后的提示语。如下

vs code设置自定义代码块的方法

"body"是代码块具体内容,"description"是高亮部分的描述。

"body"中的$1是出现代码块之后光标所在的位置,还有输入使用$2,$3等等,只要编辑完第一个位置,按tab即跳到第二个位置,以此类推。同时也可以存在多个同样的 $几,即同时编辑这几个位置。