一、起步
1. 依次点击 文件 > 首选项 > 用户代码片段
2. 选择代码片段或创建代码片段（可以对现有的进行修改，也可以新建代码片段）
代码片段分两种：
- ① 全局代码片段（每种语言环境下都能触发代码块）。
-
② 对应语言的局部代码片段（只能在对应语言环境下才能触发），新建全局代码片段会在
snippets
目录下生成
.code-snippets
为后缀的配置文件，而新建对应语言的代码片段会生成
对应语言 + .json
的配置文件。
下图数创建代码块的选择界面：
二、Snippet 语法
console.log
代码块
"console.log": {
"prefix": "log",
"body": [
"console.log($1)",
"$2"
],
"description": "console.log快捷"
}
复制代码
以下说明都用
console.log
代码块为例子：
-
console.log
对应代码片段名称。 -
prefix
对应触发代码片段的字符。 -
body
对应代码片段内容，可以是字符串，也可以为数组，若为数组每个元素都做为单独的一行插入。
body
的内容支持js的转义字符，如
\n\r
等，我个人不建议用
\n
，可另起一行给数组多插入一项，不然一行太多的话不容易观察代码块的格式。 -
description
对应代码片段描述。
如上图所示，“console.log快捷”是代码块的描述，出现在关闭icon的左边，然后下面是代码块的预览。
1.占位符$
log
方法中
$
后面紧跟数字可指定代买片段触发并落入编辑器之后的光标位置，光标位置按照从小到大排序。
log
方法中当你输入
log + TAB
之后光标会默认落到
log()
的括号中（
$1
的位置