开发工具--VS code的下载安装
官网下载最新版：https://code.visualstudio.com/Download
选择符合自己的操作系统环境下载，进行安装。安装好之后可以进行插件的安装了
中文简体
输入chinese，点击Install安装中文简体插件，重启之后，vs code编辑其就是中文的了
可能常用设置
| 插件名称 | 说明 |
|---|---|
| Vuter | 提供vue代码片段、语法支持、代码高亮等 |
| Atuo Rename Tag | 自动帮你完成头部和尾部闭合标签的同步修改 |
| Color Info | 提供 CSS 中使用颜色的相关信息 |
| beautify | 格式化代码工具，美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码 |
| Indent-Rainbow | 用四种不同颜色交替着色文本前面的缩进 |
常用快捷键
1.Ctrl + S: 保存
2.Ctrl + /： 注释。
3.Ctrl + \：快速分屏。
4.Ctrl + Home（F11键）：快速到页首。
5.Ctrl + End（F12键）：快速到页尾。
6.Ctrl + F：搜索。
7.Ctrl + D：快速删除一行。
8.Ctrl + L：选中当前行。
9.Ctrl + H：替换。
10.Ctrl + N：新建一个HTML/CSS。选中内容，按TAB键可以缩进代码。
11.!(英文感叹号)+TAB: 快速形成代码框架
12.标签快捷键：比如写一个h1然后按TAB键就会出来
<h1></h1>13.双击内容可以选中标签里的单词。
14.标签* + 数字：拥有多个标签。
15.双单词快捷键：取两个单词的首字母 + TAB。如：line-height（行高），输入 lh 然后按TAB就OK
了。再如：text-align: center; 输入 tac 然后按 TAB 就可以了。
16.p+div 按tab键就会形成：
<p></p>
<div></div>17.ul>li>div>span + TAB 就会形成：
<ul>
<li>
<div>
<span>
</span>
</div>
</li>
</ul>18.输入 .demo （这个demo是自定义的）+ TAB, 可以形成：
<div class="demo">
</div>所以会使用快捷，可以提交编程速度的额
