vscode代码块 配置vue代码片段

vue开发的时候，自己书写vue基本结构非常麻烦，但是借助vue的相关插件快捷生成的有不全面，接下来我们就利用vscode代码片段实现我们需要的模板；

第一步：打开设置文件vue.json

1. 点击管理按钮
2. 点击配置用户代码片段
3. 选择vue.json文件

第二步：配置代码

将以下代码直接赋值到vue.json文件中

• prefix： 是你需要输入的快捷键
• \t : 表示一次缩进
• "", ：表示空一行
• description： 表示代码块的描述

{
	"create vue components": {
		"prefix": "vuec",
		"body": [
			"<template>",
			"\t<div>",
			"\t",
			"\t</div>",
			"</template>",
			"",
			"<script>",
			"",
			"export default {",
			"\tdata(){",
			"\t\treturn {",
			"\t\t\t",
			"\t\t}",
			"\t},",
			"",
			"\tcomponents:{},",
			"",
			"\tprops:{},",
			"",
			"\tmethods:{},",
			"",
			"\tcreated(){},",
			"",
			"}",
			"</script>",
			"",
			"<style lang='less' scoped>",
			"",
			"</style>"
		],
		"description": "快速构建Vue2项目代码框架"
	}
}

如果需要添加其他的模块直接使用"",进行添加即可；