VSCode设置代码片段

一、设置：

1、vscode左下角设置 - user snippets（用户代码片段）：

2、新建或修改（如果已有）：

3、在所打开的窗口中，按以下格式书写：

{
	"片段命名":{
		"prefix":"v1", //触发关键词
		"body":[  
    //内容体，每一行需要以双引号进行封装为字符串（当然如果涉及转义字符也是需要通过对应格式转义）
			"第一行代码",
            "第二行代码",
            "..."
		], 
		"description":"" //描述
	}
}

4、示例：例如创建一个vue的新建实例代码

{
	"v1":{
		"prefix":"v1", //触发关键词
		"body":[  //内容体
			"new Vue({	",
			"	el:'',	",
			"	data:''	",
			"})			"
		], 
		"description":"new vue()" //描述
	}
}

二、使用：

        直接在代码书写中，通过输入上面设置的关键词（例如v1），提示出来后按回车或Tab进行写入：

三、一些推荐：

由于上面的代码片段书写过程中，其实是需要给每一行加双引号，而且要转义的，所以如果代码行数少的时候，还好说，可以全手写，但是如果代码行数多的话，就很麻烦，所以给大家推荐一个网址，可以直接在上面写书写源代码自动帮你转译：

snippet generator (snippet-generator.app)

PS：此类网站，可能会有失效风险，如果不能用了，大家自行搜索。