VS Code 程序猿 必装的高效开发插件_CSDN凉宸

文件图标

插件名称：vscode-icons

vscode-icons 可以实现对各类文件类型的文件前的图标进行优化显示，我们在查看长文件列表的时候，可以直接通过文件的图标就可以快速知道文件的类型，而不用再去看文件的后缀名了

黑暗主题

插件名称：One Dark Pro

可以一键将VS Code编辑器颜色调为暗色，开发更舒服

代码检查工具

插件名称：ESLint

ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码

VSCode 中的 ESLint 插件就直接将 ESLint 的功能集成，安装后即可使用ESLint语法，对于代码格式与规范的细节可以自定义标准，一个团队可以共享同一个配置文件，所有人写出的代码就可以使用同一个代码规范，在代码打包前就可以自动完成自己的代码规范检查

代码美化

插件名称：Beautify

Beautify插件可以快速格式化代码，让你在编写代码时杂乱无章的代码结构瞬间变得非常规整，代码强迫症必备，较好的代码格式在后期维护以及他人阅读时都会有很多的便利

CSS 类名智能提示

插件名称：IntelliSense for CSS class names in HTML

IntelliSense for CSS class names in HTML 插件，可以在 HTML 中需要调用 CSS 类名的地方，此插件会智能地给你已定义 CSS 类名的提示

代码拼写检查

插件名称：Code Spell Checker

此插件安装后就不用管就好了，在你代码中有单词拼写错误时，插件可以给出错误拼写单词的建议

模块区分

插件名称：Bracket Pair Colorizer

友好的给括号加上不同的颜色，便于区分不同的区块，使用者还可以定义括号类型和颜色

内嵌cmd终端

插件名称：Terminal

编辑器中内嵌一个似 cmd 终端程序，直接在编辑器中运行终端命令

路径提示

插件名称：Path Intellisense

插件自动提示文件路径，支持各种文件无脑快速引入

ES6 语法智能提示

插件名称：JavaScript(ES6) code snippets

ES6 语法智能提示及快速输入，不仅仅支持 .js，还支持.ts，.jsx，.tsx，.html，.vue

Vue 多功能集成插件

插件名称：Vetur

语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode 官方钦定 Vue 插件，Vue开发者必备

智能提示

插件名称：Npm Intellisense

npm 装包后，require 时的包智能提示，import 语句中自动填充 npm 模块

Git专用

插件名称：GitLens

快捷方便查看 Git 日志，高频使用 Git 者必备 使用链接