Visual Studio Code(简称 VSCode)是一款由微软开发的强大且流行的代码编辑器。它不仅支持多种编程语言,还拥有丰富的插件生态系统,使得开发者能够根据个人需求定制自己的开发环境
1. Auto Close Tag
Auto Close Tag 插件在你输入 HTML/XML 标签时自动补全闭合标签,减少手动输入的工作量,提高编码效率。
2. Auto Rename Tag
Auto Rename Tag 插件在你修改 HTML/XML 标签的开始或结束标签时,自动同步修改对应的闭合标签,避免手动修改的麻烦。
3. Bookmarks
Bookmarks 插件允许你在代码中添加书签,方便快速导航到特定代码行,特别适用于大型项目。
4. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
Chinese (Simplified) Language Pack 插件为 VS Code 提供简体中文界面,方便中文用户使用。
5. Code Runner
Code Runner 插件允许你在 VS Code 中快速运行代码片段,支持多种编程语言,极大地方便了代码测试。
6. Code Spell Checker
Code Spell Checker 插件检查代码中的拼写错误,支持多种语言,帮助你保持代码注释和文档的正确性。
7. Code Translate
Code Translate 插件在 VS Code 中直接翻译代码注释和文档,支持多种语言,方便国际化开发。
8. Color Highlight
Color Highlight 插件高亮显示代码中的颜色值,方便你直观地查看颜色效果。
9. Custom CSS and JS Loader
Custom CSS and JS Loader 插件允许你为 VS Code 加载自定义的 CSS 和 JavaScript 文件,方便个性化定制编辑器界面。
10. DotENV
DotENV 插件高亮显示 .env
文件中的环境变量,方便你管理和查看环境配置。
11. Draw.io Integration
Draw.io Integration 插件允许你在 VS Code 中直接创建和编辑 Draw.io 图表,方便你进行图形化设计和文档编写。
12. eggjs
eggjs 插件为 Egg.js 框架提供了代码片段和语法高亮支持,方便你进行 Egg.js 开发。
13. Error Lens
Error Lens 插件在代码中直接显示错误和警告信息,帮助你快速定位和修复问题。
14. ES7+ React/Redux/React-Native snippets
ES7+ React/Redux/React-Native snippets 插件提供了丰富的 React、Redux 和 React-Native 代码片段,帮助你快速编写常用代码。
15. ESLint
ESLint 插件是 JavaScript 和 TypeScript 代码检查工具,帮助你发现代码中的潜在错误和不规范之处。
16. ESLint Chinese Rules
ESLint Chinese Rules 插件为 ESLint 提供了中文规则集,方便中文开发者使用。
17. Git Graph
Git Graph 插件提供了直观的 Git 图形界面,帮助你查看和管理 Git 仓库的提交历史。
18. Git History
Git History 插件允许你查看 Git 仓库的详细提交历史,包括提交信息、文件变更等。
19. GitHub Theme
GitHub Theme 插件为 VS Code 提供了 GitHub 风格的主题,提升编辑器的视觉体验。
20. GitLens — Git supercharged
GitLens 插件增强了 VS Code 的 Git 功能,提供了丰富的 Git 信息和直观的界面,帮助你更好地理解代码的演变过程。
21. Highlight Matching Tag
Highlight Matching Tag 插件高亮显示匹配的 HTML/XML 标签,帮助你更容易地匹配和识别代码块。
22. HTML CSS Support
HTML CSS Support 插件为 HTML 文件提供了 CSS 代码补全和语法高亮支持,提升前端开发效率。
23. JavaScript (ES6) code snippets
JavaScript (ES6) code snippets 插件提供了丰富的 ES6 代码片段,帮助你快速编写常用 JavaScript 代码。
24. Live Server
Live Server 插件在你保存文件时自动刷新浏览器,实时预览网页效果,极大地提高了前端开发的效率。
25. Material Icon Theme
Material Icon Theme 插件为 VS Code 提供了 Material Design 风格的图标,提升编辑器的视觉体验。
26. Path Intellisense
Path Intellisense 插件在你输入文件路径时提供智能提示,帮助你快速找到所需文件,减少输入错误。
27. path-alias
path-alias 插件允许你在项目中使用路径别名,简化模块导入路径,提升代码可读性。
28. Prettier - Code formatter
Prettier 插件是一款流行的代码格式化工具,支持多种编程语言,可以自动格式化代码,使代码风格统一。
29. Prettier ESLint
Prettier ESLint 插件结合了 Prettier 和 ESLint 的功能,既能格式化代码,又能检查代码规范,保持代码质量。
30. Pretty TypeScript Errors
Pretty TypeScript Errors 插件美化 TypeScript 错误信息,使错误提示更加清晰易读,方便调试。
31. Quickly Log
Quickly Log 插件允许你快速插入 console.log
语句,方便调试代码。
32. React Style Helper
React Style Helper 插件为 React 组件提供了样式辅助功能,帮助你快速编写和管理组件样式。
33. Turbo Console Log
Turbo Console Log 插件允许你快速插入和删除 console.log
语句,极大地方便了调试工作。