VS Code 用好了就是前端开发的瑞士军刀。

必装插件

• ESLint — 代码规范检查
• Prettier — 自动格式化
• Tailwind CSS IntelliSense — Tailwind 类名提示
• Error Lens — 在行内直接显示错误
• GitLens — 查看每行代码的提交记录

实用设置

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  }
}

保存时自动格式化 + 修复 ESLint 错误，开发体验直接拉满。

快捷键

• Cmd+Shift+P — 命令面板
• Cmd+P — 快速打开文件
• Cmd+Shift+F — 全局搜索

熟练使用这几个就够了。