VScode 设置用户自己的代码片段

VScode 设置用户自己的代码片段

为了提高写代码的速度和效率,在使用vscode时我们往往会使用代码片段来“偷个懒”。

话不多说,直接上图

在这里插入图片描述
vscode左下角齿轮设置中有“用户代码片段”选项设置,单击后会有一个搜索框

在这里插入图片描述
在诸多选项中有一个叫做 javascript.json 的文件,这是vscode自带的,点击后打开该json文件

在这里插入图片描述
里面的东西就会显示出来,vscode会给你提供一个栗子,就是我们常用的 console.log() 的代码片段,我把注释打开后:

在这里插入图片描述

这里面的东西都是json文件,所以一个代码片段都会用逗号隔开,所以我们也要遵循它的规则来。

第一行:Print to console 意思为打印出什么内容
第二行:prefix: log 意思为关键字(即你只需要在js文件中打出log即可出现代码提示
第三行:body 意思为按照关键字提示显示出的完整代码(包括换行符号"\n",即会自动多换一行)在这里插入图片描述

tips:

1. 代码内容的每一行都必须用英文引号包起来: " "

2. 由于代码片段是JSON格式,所以body内的代码每一行都要用逗号分隔:

3. 遇到特殊情况需要写引号的,建议使用单引号,因为第一条最外层是双引号了,如果代码内还用双引号的话是会报错的,所以可以使用单引号:' '

4. 注释是也可以写进代码片段的,例如js的注释,只要加个 // 就可以了,



以上

完,祝你成功。

猜你喜欢

转载自blog.csdn.net/Cavendixe/article/details/110949991
今日推荐