从零开始学前端（第一节 工欲善其事必先利其器）

古人云：工欲善其事，必先利其器

要想成为一个优秀的前端开发工程师，必须得有一件自己称心如意的兵器

目前，市面上有很多的开发编辑器，比如 WebStorm、Sublime、Notepad++、VS Code。

在这些编辑器里，我觉得比较好用的是VS Code，当然这取决于个人喜好。

下面给大家介绍一下VS Code 的几个必备插件，大家可以试着安装一下试试，真的非常好用

1.Chinese(Simplified)(简体中文) ————VS Code在安装时默认的界面语言是英文的，这对于英语不好的小伙伴是机器不友好的。但是，有了这个插件就可以轻松应对看不懂英文的难题了。

2.Open in browser————本地浏览器加载的插件。在我们编写页面的时候总是要找到文件，然后再通过浏览器打开，这个过程过于繁琐，浪费时间，有了它我们就可以在VS Code里直接跳转到浏览器，进行页面访问。

3.Live Server————本地热加载的插件。这个插件相比于上一个的好处是可以自动刷新修改的内容，不需要开发者每次进行页面刷新。

4.Carbon-now-sh————将代码打印为代码图片的插件。方便交流问题解决问题。

使用方法
选择需要生成的代码,Ctrl+A全选。
然后再代码中点击右键,找到open in carbon.now.sh 弹出网页。
已经成功生成美丽的代码图片。
保存图片到本地.选择Export(导出)–>PNG(图片格式) 成功后。

存在问题：网页打不开

解决办法：
进入网站https://github.com.ipaddress.com/
搜索carbon.now.sh
将网址和ip加入到host文件中

5.Material Icon Theme————文件图标主题插件。这套图标看起来很好看，可以改善写代码时的心情，写多了你就会明白了

6.Auto Rename Tag————自动修改重命名标签。你修改了这个标签的前一半，它的后一半会自动进行修改。有效提高开发效率。

7.Prettier - Code Formatter————代码自动格式化工具。在保存的时候自动将代码进行跟行格式化，更加美观。

安装之后需要将其配置为默认格式化程序，在页面右键找到使用格式化文档，然后进行下列配置。
在设置中找到格式化，在里面将下列勾选，你就能得到保存时自动格式化啦，简单好用嘎嘎滴

最后推荐一个字体————JetBrains Mono
官方网址：https://www.jetbrains.com/lp/mono/
下载完成之后将其安装，在VS Code里面进行添加就可以使用了。

它最大的区别就是 l 和 i 可以很好的区分

好啦，看到这里，觉得有用的小伙伴们，记得收藏起来避免下次找不到哟

最后，点个赞支持一下吧