vs code开发vue基本配置

1. 安装插件

Ctrl+shift+x打开应用商店，分别输入live server和vetur并安装即可

2. 配置setting.json

Ctrl+shift+p打开搜索，输入setting，打开setting.json，添加以下代码：
自动格式化，保存格式化，字体大小

"editor.formatOnType": true,
"editor.formatOnSave": true,
"editor.fontSize": 17,

3. 配置用户代码片段

文件->首选项->用户代码片段->输入vue.json回车，在 {} 中添加以下代码：
这是快捷生成vue代码的，在文件中输入vue回车即可自动生成vue基本代码段

"Print to console": {
	"prefix": "vue",
	"body": [
		"<!-- $1 -->",
		"<template>",
		"<div></div>",
		"</template>",
		"",
		"<script>",
		"export default {",
		"data() {",
		"return {",
		"",
		"}",
		"},",
		"//生命周期 - 创建完成（访问当前this实例）",
		"created() {",
		"",
		"},",
		"//生命周期 - 挂载完成（访问DOM元素）",
		"mounted() {",
		"",
		"}",
		"}",
		"</script>",
		"<style scoped>",
		"/* @import url(); 引入css类 */",
		"$4",
		"</style>"
	],
	"description": "Log output to console"
}