????????vscode是目前前端开发使用比较广的一款软件，下面简单介绍一下其下载安装与使用。
一、下载软件地址：https://code.visualstudio.com/
????????软件下载成功后傻瓜式安装即可，一般我会修改一下安装目录地址，尽量不要安装到C盘，你懂的！
二、基础配置
（一）设置主题：在文件-->首选项-->颜色主题Light+（default light）
?（二）设置字体
? ?(1) 文件--->首选项-->设置--搜ctrl 勾选对勾 ,滚动鼠标滚轮，可以改变字体大小
?(2)文件--->首选项-->文本编辑器-->字体
三、安装插件
- Chinese:汉化；
- Bracket Pair Colorizer:让配对的括号变成相同的颜色，便于排错；
- Auto Rename Tag:跟HTML标签重命名有关，修改标签时，修改前面后面自动跟着修改；
- Open in Browser ：安装运行的浏览器，安装成功后可以使用?ALT+B快捷键；
- vscode-icons ：创建不同格式的文件前面的图标不同；
- Live Server:在本地开启服务模式运行网页，代码修改后浏览器窗口会自动刷新。
安装插件的方法，以Chinese为例给大家演示一下：
在扩展图标里的文本框中输入Chinese关键字，找到插件后单击后面的“install”安装按钮即可（一定要有网络呦）。
?温馨提醒：插件安装完一般都需要重新启动一下软件才会生效。
四、常用快捷键
1.alt+shift+F? 代码格式化
2.alt+↑? 向上移动一行代码
3.alt+↓? 向下移动一行代码
4.alt+shift+↑? 向上复制一行
5.alt+shift+↓? 向下复制一行
6.Ctrl+F?查询
7.Ctrl+H?查找并替换
8.ctrl+/?单行注释
9.shift+Alt+A? 多行注释
10.ctrl+shift+K (ctrl+x)?快速删除一行
五、快速编写代码小技巧
1. div*2 ???回车 ???生成两个并列的div?
2. div.c1 ???回车 ???<div class =”c1”><div/>
3. div#d1 ??回车????<div id =”d1”><div/>
4. div{$}*数字 ???多个平级标签的排序
5. >表示包含关系 ?ul >li*4 快速生成包含4个li的列表
?