VS Code 前端常用插件整理

VS Code 前端常用插件整理

Visual Studio Code （简称 VS Code / VSC） 是 Microsoft 为 Windows，Linux 和 macOS 开发的源代码编辑器。它支持调试，嵌入式 Git 控件，语法突出显示，智能代码补全，代码片段和代码重构。 同时也是支持自定义的，开发者可以更改编辑器的主题，键盘快捷键和首选项，拥有强大的拓展能力。

这里主要说一下前端常用插件，可根据自己的需求进行选择。

代码补全

• HTML Snippets，支持 HTML5 标签提示补全。

• JavaScript (ES6) snippets，支持 JavaScript ES6 语法代码的补全。

• jQuery Code Snippets，　jQuery 代码片段的提示。

• HTML CSS support，CSS 自动补齐。

• Auto Rename Tag，自动重命名配对的 HTML / XML 标签。

• IntelliSense for CSS class names in HTML， 为HTML class 属性提供 CSS 类名称提示。

代码格式化

• Csscomb，css 、less、sass 的代码格式化。

• JS-CSS-HTML Formatter，JavaScript，HTML，CSS 代码格式化。

• 快捷键，Shift+Alt+F

高亮显示

• Bracket Pair Colorizer，高亮连接显示匹配的括号。

• Color Highlight，在编辑器中高亮显示颜色。

版本控制

• Git Easy，增加了 vscode 中自带的 git 操作，安装后按 F1 调出控制台，输入 git easy [options] 完成 git 操作，代替 git bash。
• **Git Lens **，查看 git 日志以及图表和详细信息，查看文件的历史记录（Git 日志）以及修改者信息。

其他

• vscode-icons，为文件提供图标，便于查找。
• Debugger for Chrome，js 调试的插件，前端项目在 Chrome 中运行起来之后，可以直接在 VSCode 中打断点、查看输出、查看控制台。
• ESLint，检查 Javascript 语法错误。

---

推荐阅读
超详细！Oracle11g 64 位安装教程
「微软」推出的那些好用的微信小程序
教你使用「微软翻译」上 Google

欢迎加我微信，一起交流，互相学习，共同进步！

关注公众号『嗜码』。回复关键字「前端」、「Python」、「Java」、「Android」、「小程序」、「Vue」等获取免费精品学习资料。