1.1. 创建代码片段
那么如何在扩展中创建snippets呢?
package.json文件新增如下:
"contributes": { "snippets": [ { // 代码片段作用于那种语言 "language": "javascript", // 片段文件路径 "path": "./snippets/javascript.json" } ] }然后创建一个snippets/javascript.json文件,我们这里先简单点,比如创建一个for循环:
{ "for循环": { "prefix": "for", "body": [ "for (const ${2:item} of ${1:array}) {", "\t$0", "}" ], "description": "for循环" } }解释如下:
for循环:snippets的名字;prefix:输入什么单词触发代码片段;body:一个数组,存放代码片段的内容,每一行一个字符串;description:片段的描述;${1:xxx}占位符,数字表示光标聚焦的顺序,1表示默认光标落在这里,按下回车或者tab跳到2的位置,以此类推,xxx表示此位置的默认值,可省略,比如直接写$3;
效果如下:

1.2. 示例:ajax
为加深印象我们再来一个ajax的例子:
{ "ajax": { "prefix": "ajax", "body": [ "$.ajax({", " url: '$1',", " method: '${2:POST}',", " datatype: 'json',", " success: data => {", " $3;", " },", " error: err => {", " $4;", " }", "})" ], "description": "ajax模块" } }效果(图片是直接偷来的,懒得自己截了):

