一份Visual Studio Code常用插件的清单

代码编辑与格式化

  1. ESLint:自动格式化代码并查找错误,支持多种编程语言。
  2. Prettier - Code formatter:确保团队成员间代码风格一致,支持多种前端语言。
  3. AutoImport:编写代码时自动导入所需模块或组件。
  4. EditorConfig for VSCode:在不同编辑器和IDE间保持一致的代码风格和格式设定。
  5. Stylelint:检查CSS和SCSS代码风格,预防潜在错误。
  6. Code Spell Checker:检查代码中的拼写错误,支持多种语言。
  7. BetterComments:将注释分类,使代码注释更清晰易懂。

代码调试与运行

  1. Debugger for Chrome:在VSCode中调试JS代码。
  2. Quokka:根据编写的代码提供实时反馈,便于调试。
  3. Code Runner:支持在VSCode中方便快捷运行超过50种编程语言。
  4. Live Server:本地启动服务器,修改代码时自动检测并刷新浏览器。
  5. Live Sass Compiler:实时将SASS/SCSS文件编译/转换为CSS文件。

版本控制

  1. GitLens:查看代码行随时间的变化,增强Git功能。
  2. Git History:可视化获取Git日志,方便对比。
  3. Settings Sync:跨机器、跨平台、跨区域同步VSCode设置和插件。

代码导航与智能感知

  1. CSS Peek:通过类名查看样式并快速跳转到对应CSS代码位置。
  2. Path Intellisense:增强路径智能感知,自动补全项目内文件和目录路径。
  3. HTML CSS Support:增加HTML文件中CSS类名智能提示功能,并实时预览颜色和字体图标。
  4. Javascript Code Snippets:提供大量JS代码块提示,支持多种语言。
  5. TabNine:AI代码补全工具,适用于多种编程语言。

视觉辅助与主题

  1. Bracket Pair Colorizer 2:为匹配的括号提供不同颜色,方便查看代码结构。
  2. Indent Rainbow:为文本缩进着色,便于查看缩进层次。
  3. Peacock:更改VSCode实例的颜色。
  4. Material ThemeMaterial Theme Icons:提供美观的主题和图标。
  5. Vscode-icons:为文件夹、文件添加舒适图标,根据项目功能自动配图。

其他实用工具

  1. TODO Highlight & TODO Tree:高亮代码中的TODO注释,方便追踪未完成任务。
  2. Rainbow CSV:用不同颜色高亮显示CSV等格式文件的列。
  3. Regex Previewer:实时测试正则表达式,高亮匹配项。
  4. Open-In-Browser:在浏览器中打开文件。
  5. Faker:快速插入用例数据,如随机生成姓名、地址等。
  6. Minify:压缩合并JavaScript和CSS文件。
  7. Change Case:提供多种文本命名格式转换。
  8. Icon Fonts:提供各种图标字体片段。
  9. Image Preview:预览插入的图片。
  10. SVG Viewer:在VSCode中打开SVG文件并查看,支持转换为PNG格式等。
  11. LeetCode:在VSCode中刷题。
  12. VSC Netease Music:在VSCode中听网易云音乐。
  13. Docker for Visual Studio Code:从VSCode构建、管理和部署容器化应用程序。
  14. C# Dev Kit for Visual Studio Code:为C#开发提供一系列强大功能和实用工具。
  15. AI代码助手:如腾讯云AI代码助手,提供技术对话、代码补全、诊断和优化等。
  16. Codegeex:提供代码生成/完成、注释生成、代码翻译和基于人工智能的聊天等功能。
  17. Copilot:AI辅助编程工具,提供代码建议。
posted @   软件职业规划  阅读(246)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示