VScode创建Vue模板代码-自定义代码片段

前提：vscode中已安装vue

配置模块代码片段：

1. 依次选择 “ File（文件） -> preperences（首选项） -> User Snippets(用户代码片段)”， 此时，会弹出一个搜索框，输入vue， 如下图：

   

   "vue-template": {
   		"prefix": "vuecj",
   		"body": [
   			"<template>",
   			"  <div>",
   			"",
   			" </div>",
   			"</template>",
   			"",
   			"<script>",
   			"export default {",
   			"  name: '',",
   			"  data () {",
   			"    return {",
   			"",
   			"    }",
   			"  },",
   			"  props: {",
   			"",
   			"  },",
   			"  components: {",
   			"  },",
   			"  mounted () {",
   			"",
   			"  },",
   			"  methods: {",
   			"",
   			"  }",
   			"}",
   			"</script>",
   			"",
   			"<style>",
   			"",
   			"</style>",
   			""
   		],
   		"description": "my vue template"
   	}

    

2. 选择 vue 后，VS Code 会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中，如下图：