Vue of VsCode development tools configuration

VsCode: Download: https://code.visualstudio.com/

VsCode: Some common plug-ins installed

           

   More plug-ins are free to Baidu to see its function.

 

VSCODE configuration template page

     Open VScode ----------- "file ----------" Preferences ------- "user code snippets ---"点击新建代码片段--取名vue.json 确定

     Sample code is as follows:

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

　　

 

Use:   New XXX.vue input vue press the Tab key to generate a corresponding template page