vscode上设置代码片段，以.vue文件为例

1.先找到设置代码片段的位置：

文件-> 首选项->用户片段

也可以直接点击左下角的设置图标：


当然也可以直接 设置快捷键来处理这个动作：

2.开始说vue模板的配置：

在搜索框 输入 “vue” 找到对应的配置文件

由于 我已经配置完成了，页面是这样子的：

如果是第一次进入这个界面，类似这样的：

3.新建一个.vue文件，开始尝试使用刚才的配置快速产生vue模板代码

输入的 “myvue” 就是在代码片段中配置的 prefix 字段的值，可以根据自己的喜好自行配置,


如果发现没有效果，且检查vue.json 中的写法没有错误的情况下，检查页面的这个位置：

我之前尝试一次不生效的时候，这里显示的 weex ，就很奇怪。

附配置的代码：

{
	"vue": {
		"prefix": "myvue",
		"body": [
			"<template>",
			"  <div>",
			"  </div>",
			"</template>",
			"<script>",
			"export default {",
			"	data () {",
			"		",
			"	},",
			"	methods:{",
			"		",
			"	}",
			"}",
			"</script>",
			"<style scoped>",
			"</style>",
		],
		"description": "generate a vue file"
	}
}

注： 配置代码模板的时候，如果要输出一个空格或者多个空格，也要像其他字符串一样写出来：

其他类型的用户代码片段配置同理