Dawn1分钟前
这本篇文章将为大家介绍前端常用编辑软件vscode的安装，与vscode一些好用插件的推荐
首先我给大家介绍一下vscode对比其他编译软件的有着什么优越之处。
第一，vscode它是一款轻量级的编译软件，它的安装包仅有五十几兆，而且vscode的开启速度相比与其他软件来说十分快捷。
第二，它多平台支持，且操作简便、快捷，上手速度也十分的快，加上vscode是开源的，十分适合前端编程。
第三，vscode它是一款十分简洁的编程工具，当然我这里并不是说它功能少，而且恰恰相反vscode它的功能是十分强大的，因为它不仅有自身编译器所自带的功能它还拥有着丰富的插件系统，在里面你不仅可以编辑从HTML、css、js、jQuery、vue等，你也可以编辑c，c++，python，java等这类编程语言。
在简单的了解完vscode的一些优点之后我们来看看如何下载vscode。
安装教程
我们可以在vscode的官网https://code.visualstudio.com/上点击Download for Windows进行下载，也可点击右边下拉键自己选择下载适合的版本。
1. 下载好vscode后，我们双击打开下好的文件。
2. 打开文件后会提示以下内容，点击继续即可。
3. 接下来点击“我接受协议”再点击下一步。
4. 进入选择安装地址界面，可点击浏览自定义下载地址，选择完成后点击下一步。
5. 点击下一步。
6. 勾选 创建桌面快捷方式与添加到PATH，然后点击下一步。
7. 点击安装，就可以开始安装vscode。
当操作完后，桌面上会出现了vscode的快捷方式这就代表已经下好了vscode，那么在下好vscode后，就让我来为大家推荐一些vscode中比较好用的插件。
插件推荐
排名不分先后
1. Auto Close Tag
自动重命名配对的HTML / XML标记。
2. Beautify
美化JavaScript，JSON，CSS，Sass
，和HTML
在vscode的代码。
3. chinese
此插件是vscode的中文简体语言包，一开始安装完vscode界面都是英文的，想要切换为中文就要下载此插件，完成后重启vscode即可变为中文。
4. Code Spell Checker
vscode中的代码拼写检查器，可以极大减少代码的拼写错误。
5. filesize
此插件可以
在编辑器的状态栏中显示聚焦文件的大小。
6. Image preview
此插件会在引入图片时，在装订线或鼠标悬停时显示图片。
7. indent-rainbow
此插件可以使文本前面的缩进着色，每步交替四种不同的颜色。
8. vscode-icons
此插件可以将左侧文本的图标主题修改。
9. Rainbow Brackets
此插件可以使代码的圆括号，方括号和弯曲的括号变成彩虹色让代码条例更清晰。
10. open in browser
使用Alt + B快捷方式在默认浏览器中打开当前
HTML
文件，或Shift + Alt + B
选择一个浏览器。
11. Live Server
此插件可以实时加载页面，以处理静态和动态页面。
