高效开发
- 文件图标
- 黑暗主题
- 代码检查工具
- 代码美化
- CSS 类名智能提示
- 代码拼写检查
- 模块区分
- 内嵌cmd终端
- 路径提示
- ES6 语法智能提示
- Vue 多功能集成插件
- 智能提示
- Git专用
文件图标
插件名称: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 者必备 使用链接