💻 硬件
主力笔记本
型号：MacBook Pro 16" M3 Max
内存：64GB 统一内存
存储：2TB SSD
理由：编译 Next.js 项目飞快，多开 Docker 容器不卡
显示器
主屏：LG UltraFine 4K 27"
副屏：小米显示器 27" 4K
支架：爱格升双屏支架
键盘
主力：Keychron Q1 Pro（红轴）
备用：Apple Magic Keyboard（数字版）
鼠标
主力：Logitech MX Master 3S
出差：Apple Magic Mouse
耳机
降噪：Sony WH-1000XM5
入耳：AirPods Pro 2
🛠 开发工具
编辑器
VS Code（主力）
- 主题：One Dark Pro
- 字体：JetBrains Mono
- 关键插件：
- ESLint
- Prettier
- Tailwind CSS IntelliSense
- GitLens
- Thunder Client（API 测试）
终端
iTerm2（macOS）
- 主题：One Dark
- Shell：zsh + Oh My Zsh
- 插件：zsh-autosuggestions, zsh-syntax-highlighting
版本控制
GitHub（主力）
GitLab（公司项目）
SourceTree（可视化 Git 工具）
🌐 浏览器
主力
Chrome（日常开发）
- 关键扩展：
- React Developer Tools
- Vue.js devtools
- Lighthouse
- Wappalyzer
- JSON Viewer
- ColorZilla
备用
Firefox Developer Edition（兼容性测试）
Safari（iOS 兼容性测试）
Edge（偶尔用）
🎨 设计工具
Figma（UI 设计 + 原型）
Excalidraw（手绘风格图表）
Canva（快速做图）
TinyPNG（图片压缩）
📝 文档与笔记
Notion（知识库 + 项目管理）
Obsidian（本地笔记，双向链接）
Typora（Markdown 编辑器）
语雀（团队文档）
🚀 部署与运维
Vercel（Next.js 项目首选）
Nginx（自建服务器）
Docker（容器化部署）
Cloudflare（CDN + DNS）
Let's Encrypt（免费 SSL 证书）
📊 监控与分析
Google Analytics（网站统计）
Umami（隐私友好替代方案）
Sentry（错误追踪）
Uptime Kuma（服务监控）
🔧 在线工具
CodePen（前端代码片段）
StackBlitz（在线 IDE）
Regex101（正则表达式测试）
Can I use（浏览器兼容性查询）
Web.dev（性能测试）
JSONLint（JSON 验证）
📱 通讯与协作
钉钉（公司沟通）
Slack（开源项目）
Zoom（视频会议）
腾讯会议（国内会议）
📚 学习资源
MDN Web Docs（Web 标准文档）
React 官方文档（beta 版最好用）
Next.js 文档（学习 SSR/SSG）
GitHub Trending（发现新项目）
Hacker News（技术资讯）
V2EX（国内开发者社区）
🎯 生产力技巧
1. 键盘快捷键
macOS 全局：Cmd+Space（Spotlight）
VS Code：Cmd+P（快速打开文件）
Chrome：Cmd+L（地址栏聚焦）
2. 自动化
Shortcuts（macOS 自动化）
GitHub Actions（CI/CD）
Cron（定时任务）
3. 时间管理
番茄工作法（25 分钟专注 + 5 分钟休息）
时间块（Time Blocking）
每日三件事（MITs）
💡 推荐组合
前端开发最佳实践
``
VS Code + Git + GitHub + Vercel + Figma
`
个人博客技术栈
`
Next.js 16 + TailwindCSS 4 + TypeScript + Umami
`
快速原型开发
`
Excalidraw（设计） → CodePen（验证） → VS Code（实现）
``
*最后更新：2026-03-19*
*如果你有好的工具推荐，欢迎联系我！*