VSCode Vue 开发必装插件

1. Vue 相关插件

• Vue - Official (由 Vue 官方提供)

  • 提供 Vue 3 支持、语法高亮、代码补全
  • 替代了之前的 Vetur 插件

• Vetur (如果使用 Vue 2)

  • Vue 2 项目的必装插件
  • 提供语法高亮、智能感知、调试等功能

2. 代码编辑增强

• ESLint - 代码质量检查
• Prettier - Code formatter - 代码格式化
• EditorConfig for VS Code - 统一编码规范

3. HTML/CSS 相关

• HTML CSS Support - HTML 中 CSS 类名补全
• CSS Peek - 快速查看 CSS 定义
• Tailwind CSS IntelliSense (如果使用 Tailwind)

4. 开发工具

• Thunder Client 或 REST Client - API 测试
• GitLens - Git 版本管理增强
• Live Server - 本地开发服务器

5. 调试工具

• Debugger for Chrome 或 Debugger for Firefox - 浏览器调试
• Vue DevTools - Vue 组件调试

6. 其他推荐

• Chinese (Simplified) Language Pack - 中文界面
• Path Intellisense - 路径自动补全
• Better Comments - 注释高亮显示