Visual Studio Code初始设置

安装完成的初始设置：

1. 设置中文

安装中文简体语言包，点击插件图标，搜索：Chinese (Simplified) Language Pack for Visual Studio Code，点击安装，重启即可

2. 设置代码字体大小

文件–首选项–设置–文本编辑器-字体

3. 浏览器便捷运行

点击插件图标，搜索：open in browser，点击安装，安装完毕后—>在文件右键（open in default browser）即可默认浏览器运行编译.html文件，或者（选择其他浏览器运行 open in other browser）。

4. 元素标签自动闭合

点击插件图标，搜索：Auto Rename Tag，点击安装

5. Vue语法高亮

点击插件图标，搜索：Vetur，点击安装

6. Javascript语法检查

点击插件图标，搜索：ESLint，点击安装

7. 代码格式化

点击插件图标，搜索：Beautify，点击安装

操作快捷：

1. Html文件，输入！后按回车键（或Tab键）快速生成结构
2. 输入div#app后按回车自动生成<div id=”app”></div>
3. Ctrl + Enter 在当前行下插入新的一行,Ctrl + Shift+Enter 在当前行上插入新的一行
4. Ctrl + /添加关闭行注释,Ctrl + Shift+A：块注释，先选中块，再按快捷键
5. 多行同时输入：按下Alt键，鼠标点击各行后即可输入
6. Alt+shift+F：格式化代码
7. 输入 ul>li{这是第 $ 个li}*10 按回车会自动生成10个li项目列表