- GitLens
GitLens 是 VS Code 的 Git 增强插件,提供详细的代码提交历史、作者信息和分支管理功能。 - Live Preview
Live Preview 是 VS Code 的实时预览扩展,支持 HTML、CSS、JavaScript 等文件的实时渲染和编辑同步。 - Live Server
Live Server 是另一个轻量级实时预览工具,通过本地服务器快速启动网页项目,支持热重载和自动刷新。 - python
Python 是微软官方提供的 Python 语言支持扩展,提供智能代码补全、调试、测试、代码格式化等完整开发功能。
一、代码格式化与质量检查
Prettier - 代码格式化工具,支持 JavaScript、TypeScript、CSS、HTML、JSON 等多种语言,可配置保存时自动格式化
ESLint - JavaScript/TypeScript 代码检查工具,实时检测语法错误和风格问题,支持自动修复
二、HTML/CSS 开发
Auto Close Tag - 自动闭合 HTML/XML 标签
Auto Rename Tag - 修改标签名时自动同步闭合标签
CSS Peek - 快速查看和导航 CSS 样式定义
Path Intellisense - 文件路径智能提示
三、前端框架支持
Vetur - Vue 2 开发插件,提供语法高亮、智能提示、错误检查等功能
Volar - Vue 3 开发插件,支持 TypeScript 和更好的性能
ES7+ React/Redux snippets - React 开发代码片段
四、调试与预览
Live Server - 本地开发服务器,支持热重载和实时预览
Debugger for Chrome - Chrome 调试支持
五、Git 版本控制
GitLens - Git 增强功能,显示代码提交历史、作者信息、分支比较等
Git History - 查看 Git 提交记录和版本对比
六、其他实用插件
Error Lens - 行内高亮错误信息
Bracket Pair Colorizer - 彩色括号配对,提高代码可读性
Code Runner - 快速运行多种语言代码
Material Icon Theme - 文件图标美化
Chinese (Simplified) - 简体中文语言包