1、设置中文

1、打开“vscode” ，按快捷键“Ctrl+Shift+P”。

2.在顶部搜索框中输入“configure language”，按回车键 安装中文插件即可

2、插件

Javascript booster 助推器，优化代码

Code runner 可以运行单行代码

Code spell checker 帮助检查代码是否拼写错误

Bracket Pair Colorizer 匹配括号是否成对出现有颜色

3、快速生成模板

code -> 首选项 -> 用户代码片段 -> (新建代码片段取名vue.json）
新建代码片段这块可以直接往下找就能找到vscode上带的vue.json

在vue.json里写下自己想要生成的vue模版

{
	"Print to console": {
	  "prefix": "vue",  
	  "body": [
		"<!-- $1 -->",
		"<template>",
		"  <div class=\"wrapper\">$0</div>",
		"</template>",
		"",
		"<script>",
		"export default {",
		"  data() {",
		"    return {",
		"",
		"    }",
		"  },",
		"  //创建完成",
		"  created() {",
		"",
		"  },",
		"  //方法集合",
		"  methods: {",
		"",
		"  }",
		"}",
		"</script>",
		"<style lang='scss' scoped>",
		".wrapper{}",
		"$4",
		"</style>"
	  ],
	  "description": "Log output to console"
	}
  }

此处说明一下："prefix": "vue", 就是快捷键，（vue名称可随意修改）
新建vue文件，输入vue 按键盘的tab件生成vue模版

4、tab缩进2个字符

首选项--设置--搜索tabsize 改为2

5 快捷键

html文件打开浏览器

alt+b 打开默认浏览器

修改默认chrome，设置页输入open-in-browser.default，输入chrome