VsCode中快速创建Vue模板

简介

在做Vue的项目中，由于经常需要用Vue文件，需要创建这种文件，为了进行快速的创建，所以想办法摆脱一行一行的去写代码，俗话说，工欲善其事，必先利其器！

操作过程

①打开VsCode，选择“文件”------>“首选项”------>“用户代码片”------>“输入vue.json”，将代码粘贴到vue.json文件中。

需要粘贴的代码：

{
	"Print to console": {
	  "prefix": "vue",
	  "body": [
		"<!-- $0 -->",
		"<template>",
		"  <div></div>",
		"</template>",
		"",
		"<script>",
		  "export default {",
		  "  data () {",
		  "    return {",
		  "    }",
		  "  }",
		  "}",
		"</script>",
		"",
		"<style lang='stylus' scoped>",
		"",
		"</style>",
		""
	  ],
	  "description": "Log output to console"
	}
  }

保存之后，然后新建一个.vue文件，在空白文件中输入vue，然后回车，这时候.vue样式的三大结构就出来了，如图所示：

总结

把工具弄好之后，自己用着就是顺手，提高了工作效率，这是自己平时的一点积累，和大家分享一下，希望能够喜欢！！！