VS Code 程序猿 必装的高效开发插件
Posted David凉宸
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了VS Code 程序猿 必装的高效开发插件相关的知识，希望对你有一定的参考价值。
文件图标
插件名称：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 者必备 使用链接
以上是关于VS Code 程序猿 必装的高效开发插件的主要内容，如果未能解决你的问题，请参考以下文章