Vue之VsCode开发工具配置

VsCode:下载地址：https://code.visualstudio.com/

VsCode:一些常用插件安装

           

   以上插件可自行百度查看其功能。

 

VSCODE 配置 模板页面

     打开VScode-----------》文件 ----------》首选项-------》用户代码片段---》点击新建代码片段--取名vue.json 确定

     示例代码如下：

{
	"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"
	}
}

　　

 

使用：  新建XXX.vue   输入 vue  按 Tab键 即可生成 对应模板页面