记录一下VSCode代码片段添加使用

445 阅读1分钟

在使用VScode开发中经常会有一些重复使用的代码块,复制粘贴也很麻烦,这时可以在VScode中添加用户代码片段,输入简写即可快捷输入。

VScode中添加用户自定义代码片段很简单。

1.在VScode主界面->点击左下角设置图标->点击用户代码片段

image.png

2.在弹出的窗口中选择->新建全局代码片段文件(也可选择项目内的代码片段,使用范围不一样而已)

image.png

3.输入文件名-回车 (文件名可自定义)

4.这时就会生成并打开对应的配置文件,注释着相关描述和一个示例

image.png

参数描述:

scope:此代码段使用的语言名称列表,例如 "typescript,javascript"(非必填)。

prefix:选择代码片段时要使用的前缀。

body:代码片段内容

description:代码片段描述。

5.比如我插入一段php代码片段然后保存。

image.png

6.在setting.json配置文件中加入以下配置 { "editor.tabCompletion": "on", "editor.snippetSuggestions": "top" }

7.在编辑代码时只要输入output就会提示出对应的代码片段,然后回车或者tab就好了。