文章参考

1. VSCode 初次写vue项目并一键生成.vue模版

问题描述

每次创建Vue文件的时候，都需要重复的创建Vue的代码结构，而且偶尔也会敲错，为了保证代码的准确性，并且提高开发效率，因此想使用vscode一键创建项目，类似于快速创建html代码一样

解决办法

1. 文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定

2. 粘贴vue模板，即下面的代码

{
	"Print to console": {
			"prefix": "vue",
			"body": [
			"<template>" +
			"  <div class></div>" +
			"</template>" +
			"" +
			"<script>" +
			"export default {" +
			"  data () {" +
			"    return {}" +
			"  }," +
			"  mounted () {}," +
			"  methods: {}" +
			"}" +
			"</script>" +
			"" +
			"<style lang='scss' scoped>" +
			"</style>" +
			""
			],
			"description": "Log output to console"
	}
}

3. 创建vue文件，然后输入vue 然后按tab键即可