前端VSCode常用插件及安装

VSCode的功能如此强大，这与它们的插件密密相关，插件的安装起来超级简单，种类繁多，这给我们开发人员提供了很好地的便利。但是新手学习期间不需要安装许多插件，这里我来给大家介绍一下新手学习前端常用的插件吧。

一、常用的插件

1、Chinese (Simplified) 汉化

　　这是一个把英文转换为中文的插件，一般下载软件后我们第一个要安装的插件，方便我们看软件整体的界面。

2、Auto Rename Tag

　　在修改标签时，会自动修改另外一个相对应的标签，可以提高写代码的效率。

3、One Dark Pro

　　一个页面的主题，有利于更好的看代码，个人比较喜欢用这个主题，主题页面如下图。

　    

   　　　　

4、格式化代码（软件自带）

　　可以自动格式化代码的样式，新手建议自己手写规范语法格式，设置方法如下：

　　（1）在左下角选择管理，然后点击设置

　　　　

　　（2）点击文本编辑器，选择格式化，然后把右边三个框框（format  on paste、format on save、format on type）都勾选上。

　　　　

 5、open in browser

　　运行代码时，需要浏览器浏览，需要用到这个插件

 　　

6、live sever

　　实时在线浏览，在写代码时保存代码，即可刷新浏览器，改代码时特别的方便，强烈推荐大家安装这个插件，真的很好用！

　　但是需要注意的是，要打开文件的目录文件夹才可以使用哦，可以从文件 → 打开文件夹/新建文件夹 打开使用。

　　

　　

 7、会了吧

　　一个将英语翻译为中文的插件，如果有不认识的单词我们可以点击右侧图标，即可看见全文的英文翻译哦，这样对可以很快的知道单词的意思啦！

　　

　　

二、如何安装插件

　　我以安装第一个插件Chinese (Simplified)为例

　　1.、点击左侧的一个类似正方形的拓展按钮

　　

　　2、在搜索栏里找到我们想要的插件，然后选择插件点击安装install

       

 　　3、安装好后选择restart重启

　　

　　4、等待重启后插件就安装好了

　　

以上是我个人的分享及方法，如果有写得不正确的地方，各位伙伴可以在评论指出哦~如果有不明白的，也可以评论或者私信我，欢迎大家一起来学习交流吖~