💻 硬件
主力笔记本
- 型号: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
如果你有好的工具推荐,欢迎联系我!