我的 2026 开发工具栈：前端工程师的 Uses 清单

💻 硬件

主力笔记本

• 型号：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

如果你有好的工具推荐，欢迎联系我！