前端VSCode常用插件及安装

大家好，又见面了，我是你们的朋友全栈君。

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

一、常用的插件

1、Chinese (Simplified) 汉化

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

前端VSCode常用插件及安装

2、Auto Rename Tag

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

前端VSCode常用插件及安装

3、One Dark Pro

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

前端VSCode常用插件及安装

前端VSCode常用插件及安装

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

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

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

前端VSCode常用插件及安装

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

前端VSCode常用插件及安装

5、open in browser

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

前端VSCode常用插件及安装

6、live sever

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

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

前端VSCode常用插件及安装

前端VSCode常用插件及安装

7、会了吧

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

前端VSCode常用插件及安装

前端VSCode常用插件及安装

二、如何安装插件

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

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

前端VSCode常用插件及安装

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

前端VSCode常用插件及安装

　　3、安装好后选择restart重启

前端VSCode常用插件及安装

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

前端VSCode常用插件及安装

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

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/164352.html原文链接：https://javaforall.cn