vscode代码片段设置,一键生成预编代码

1.步骤

点击左下角落设置按钮

选择新代码片段,也可在现有代码片段上增加

选择新代码片段,在这里给你的代码片段文件取个名字

进入这个界面

2.代码片段格式

"Print to vuec": {
			//你的指令名
			"prefix": "vuec",
			//你需要意见生成的代码片段,每一行用双引号包裹,逗号换行结尾
			"body": [
				"<template>",
				" <div></div>",
				"</template>",
				"<script>",
				"export default{",
				"\t\tname:'',",
				"\t\tdata () {",
				"\t\t\t\treturn {",
				"\t\t\t\t\t\t",
				"\t\t\t\t}",
				"\t\t},",
				"\t\tcreated () {",
				"\t\t},",
				"\t\tcomputed:{",
				"\t\t},",
				"\t\tmethods:{",
				"\t\t}",
				"}",
				"</script>",
				"<style lang='less'  scoped>",
				"\t\t",
				"</style>",
				"",
			],
			"description": "create a vue template"//描述
		},
		//..........可以设置多个代码片段
		"Print to xxx": {
			//你的指令名
			"prefix": "xxx",
			//你需要意见生成的代码片段,每一行用双引号包裹,逗号换行结尾
			"body": [],
			"description": "create a vue template"//描述
		},
		

在vue文件中输入你的指令接回车,即可出现保存的代码片段