VSCode 推荐使用的插件大全汇总，完美解决问题

Posted 2022-12-30 coderkey

1， Vetur

VUE开发必备插件
1.语法高亮，包括 vue/html css/sass/scss/less/stylus js/ts
2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件
3.语法错误检查，包括 CSS/SCSS/LESS/javascript/TypeScript
4.emmet 支持
5.支持调试
6.代码片段自动补全 包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript

---

2，Chinese (Simplified) Language Pack for Visual Studio Code

适用于 VS Code 的中文（简体）语言包

---

3，Code Runner

非常强大的一款插件，能够运行多种语言的代码片段或代码文件：C，C++，Java，JavaScript，php，Python，Perl，Ruby，Go等等 安装完成后，右上角会出现：▶

---

4，Path Intellisense

路径补全，自动提示文件名

---

5，Bracket Pair Colorizer

用不同颜色高亮显示匹配的括号 对配对的括号进行着色，方便区分，未安装该插件之前括号统一都是白色的。

---

6，Live Server

安装这个插件之后，我们在编辑器中修改代码，按Ctrl+S保存，修改效果就会实时同步，显示在浏览器中，再不用手动刷新。

---

7，Vue 3 Snippets

包含所有的 Vue.js 2 和 Vue.js 3 的 api 对应的代码片段

---

8，Prettier Formatter

代码格式化工具

---

9，ESLint

代码风格校验，代码统一、自动修复

---

10，Highlight Matching Tag

高亮显示匹配标签这个插件自动帮我们将选中的匹配标签高亮显示，再也不用费劲查找了。

---

11，Debugger for Chrome

直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。

---

12，Image Preview

鼠标移到路径里显示图像预览

---

13，open in browser

作用：快速在浏览器中打开html文件
使用：在html文件中使用快捷键Alt+B会在默认浏览器中打开当前html，如果要用非默认浏览器打开请使用快捷键Shift + Alt + B，或者使用鼠标右键点击

---

14，GitLens — Git supercharged

防背锅神器！可显示代码在何时、以及由何人进行更改了更改。出现问题，精准到人~显示的信息那可真的详细的不能再详细了， 主要用在 Git 管理上。

---

15，Beautify

格式化代码工具，美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

---

16，px to rem & rpx (cssrem)

px转化为rem

---

17，WXML - Language Service

微信小程序.wxml文件代码高亮，标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供code snippets）

---

注意：

排名不分先后，当然好用插件还有很多，希望小伙伴们推荐一些好用的插件