viscode 自定义片段,快速生成自己的开发模板

设置 --->   代码片段

  2.选择新建全局代码片段文件

3.根据示例自定义配置代码片段

 4.示例:vue

prefix:内容--> 代表用于触发代码片段的内容

$1， $2 用于制表位,如 $1 代表生成后第一个输入的位置,$2代表第二个,不用自己移动鼠标

{
	// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"vue-template": {
"prefix": "vue",
"body": [
"<template>",
"  <div class=\"$1\">",
"    $3",
"  </div>",
"</template>",
"",
"<script>",
"export default {",
"  name: '$2',",
"  data() {",
"    return {}",
"  }",
"}",
"</script>",
"",
"<style scoped>",
"",
"</style>",
""
],
"description": "Vue选项式模板"
}
}