vue项目一键生成.vue模版

1.安装一个插件，识别vue文件 插件库中搜索Vetur，点击安装，安装完成之后点击重新加载

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

3.粘贴入自己写的.vue模板

{
	// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. 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": {
	// 	"scope": "javascript,typescript",
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"Print to console": {
    "prefix": "vue",
    "body": [
      "<template lang=\"pug\">",
      "",
      "</template>",
      "",
      "<script>",
      "export default {",
      	"  components: {},",
        "  computed: {},",
      	"  data() {",
      	"    return {",
      	"    }",
      "  },",
      "  created() {",
      "  },",
      "  mounted() {",
      "  },",
      "  watch: {},",
      "  methods: {",
      "  },",
      "}",
      "</script>",
      "<style lang=\"scss\" scoped>",
      "$4",
      "</style>"
    ],
    "description": "Log output to console"
  }
}

4.上面代码中的 "prefix": "vue", 就是快捷键；保存好之后，新建.vue结尾的文件

输入vue 按键盘的tab