对于很多编程工作者来说,一款好的IDE或者编辑器至关重要,
很多人都喜欢用IDE,因为全面,配置方便,管理更是一键式,用起来贼爽,不需要关心开发之外的东西,
ps: 本人也喜欢。。。
尤其是对于jetbrains系列的IDE,相当满意,如:pycharm、phpstorm、Rubymine、webstorm等;
但是有个问题,很多人都遇到过,就是打开一款IDE时,等待时间比较久,尤其是电脑配置不高的情况下,更是糟心,
于是想换用轻量级的编辑器,使用灵活、操作方便,如:sublime text 3、Visual studio Code、Notepad++、Editplus等,
其中博主偏爱两款编辑器:sublime text 3 和 Visual studio Code,插件超多,应有尽有!
废话不多说,下面我们主要看VSCode的相关插件:
当然我们也可以去 插件库 中搜索
1. 通用插件
① vscode-icons:一款图标插件,看起来超带感;

② Material Icon Theme:侧栏图标插件,图标设计十分精美,赏心悦目:

③ Bracket Pair Colorizer:区分不同代码段,代码量大的时候,相当有助:

④ One Dark Pro:源于 Atom 的 One Dark Theme,在配色上 One Dark Pro 要更为丰富:

⑤ Monokai Pro:一套极具现代化的功能配色方案,插件带有文件图标设计:

⑥ Dracula Official:颇受喜爱的一款主题插件,插件带有文件图标设计:

⑦ Code Runner:支持多种语言的代码的立即执行:

⑧ WakaTime:可以从你的使用习惯中生成数据报表:

⑨ filesize:一款在左下角显示文件大小的插件:

⑩ Visual Studio IntelliCode:AI 辅助功能,可通过上下文智能感知,代码样式的推理和执行等功能提高开发人员的工作效率:

2. Python相关
① Python:必备,提供了代码分析,高亮,规范化等基本功能:

② Anaconda Extension Pack:Python集成科学环境:

③ Path Intellisense:当代码中读入文件名或者文件路径时,提供文件名或者文件路径的自动补全:

④ Python Docstring by Nils Werner:可以快速为python函数生成文档字符串:

⑤ Code Linting:识别和纠正细微的编程错误或可能导致错误的非常规编码实践:
可以用:pip install pylint 安装
⑥ Python Extension Pack:Python扩展包:

3. Ruby相关
① Ruby:必备,提供了代码分析,高亮,规范化等基本功能:

② Ruby on Rails:一款高效的web框架:

③ Ruby Solargraph:智能感知和上下文检测:

④ ruby-rubocop:一个Ruby静态代码分析器,主要作用Ruby代码规范:

4. web前端
① Mithril Emmet:前端快速开发神器:

② Vetur:VS Code下面的Vue工具:

③ Open-In-Browser:HTML在浏览器打开:

④ vscode-faker:JavaScript 库,能够快速的插入用例数据:

⑤ Prettier - Code formatter:目前 Web 开发中最受欢迎的代码格式化程序:

⑥ Icon Fonts:一个能够在项目中添加图标字体的插件,支持超过 20 个热门的图标集:

⑦ Quokka:调试工具插件,能够根据你正在编写的代码提供实时反馈:

5. PHP相关
① PHP Debug:用于在程序中打断点检测:

② PHP IntelliSense:PHP代码的阅读和格式化,查看定义/转到定义:

③ phpfmt - PHP formatter:格式化插件:

④ PHP Extension Pack:PHP扩展包:

⑤ GitLens — Git supercharged:显示文件最近的commit和作者,显示当前行commit信息:

⑥ Emoji Code:在代码中输入emoji:

⑦ Settings Sync:用于同步vscode配置,使用插件将目前配置保存到GitHub上,以后只需要从GitHub上获取,就可以一次性安装插件配置信息:
Upload Key :
Shift + Alt + U
Download Key :
Shift + Alt + D

原文地址: CSDN博客 - VSCode插件推荐!