1.3 必备软件与浏览器插件
这份清单聚焦浏览器和插件工具。AI IDE 和开发环境配置见后续章节。
安装原则：先装核心工具，插件按需添加。不要一次性全装，避免浏览器变慢。
Chrome 浏览器
为什么选 Chrome：
- 开发者工具强大
- 插件生态丰富
- 调试方便
下载地址：https://www.google.cn/chrome/
必备桌面软件
截图/录屏工具
macOS：
- Snipaste（推荐）：https://www.snipaste.com
- 免费、截图 + 贴图功能强大
- 快捷键截图、标注、保存
- 系统自带：
Cmd + Shift + 4（截图）、Cmd + Shift + 5（录屏）
Windows：
- Snipaste（推荐）：https://www.snipaste.com
- Snipping Tool（系统自带）：
Win + Shift + S
开发场景：记录报错信息、分享开发进度、制作教程、提交 Bug 报告时都需要截图。
Markdown 编辑器（可选）
| 工具 | 系统 | 特点 | 推荐度 |
|---|---|---|---|
| Obsidian | 全平台 | 本地优先、双向链接、免费 | ⭐⭐⭐⭐⭐ |
| Typora | 全平台 | 所见即所得、简洁 | ⭐⭐⭐⭐ |
| MarkText | 全平台 | 开源、免费 | ⭐⭐⭐⭐ |
使用场景：
- 写 README.md 文档
- 记录开发笔记
- 编写技术博客
- 整理学习资料
Chrome 必装插件
1. AITDK - SEO 扩展
作用：查看网站流量、关键词、SEO 数据
安装地址：https://chromewebstore.google.com/detail/aitdk-seo-extension-traff/hhfkpjffbhledfpkhhcoidplcebgdgbk
使用场景：
- 分析竞品网站流量
- 查看关键词排名
- 学习优秀网站的 SEO 策略
学习价值：通过分析竞品网站，你能学到很多 SEO 和网站优化的实用技巧。
2. 沉浸式翻译
作用：快速翻译网页内容
应用场景：
- 看懂竞品网站、资讯、教程
- 输入中文内容，快速翻译成英文，直接发帖
- 翻译文章等等
安装地址：https://chromewebstore.google.com/detail/immersive-translate-trans/bpoadfkcbjbfhfodiogcnhhhpibjhbnh
3. Website to Markdown
作用：将网页转换成 Markdown 格式
使用场景：
- 把网页保存为 Markdown，给到 AI 作为资料输入
- 将教程、文章保存为 Markdown，基于已有内容写 Blog
实战应用：看到好的技术文章，用这个插件转换为 Markdown，保存到你的知识库中。
安装地址：https://chromewebstore.google.com/detail/website-to-markdown/ckhnipmlpnjopjjkkdfiphkoadmalpbc
4. JSON Viewer
作用：美化 API 返回的 JSON 数据
使用场景：
- 调试 API 接口
- 查看数据结构
- 分析网络请求
推荐插件：
- JSON Viewer：https://chromewebstore.google.com/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh
- JSON Formatter（备选）
开发必备：在开发过程中会经常查看 API 返回的 JSON 数据，这个插件能让调试轻松很多。
5. Lighthouse（Chrome 内置）
作用：网站性能检测、SEO 分析
使用方法：
- 打开开发者工具（
F12或右键 > 检查） - 点击 Lighthouse 标签
- 点击「Analyze page load」
检测指标：
- 性能分数（Performance）
- SEO 优化建议
- 可访问性（Accessibility）
- 最佳实践（Best Practices）
实战价值：每次部署网站后，用 Lighthouse 检测一遍，针对性优化低分项，能显著提升网站质量。
效率工具（可选）
桌面效率工具
| 工具 | 作用 | 系统 | 推荐度 |
|---|---|---|---|
| Raycast | 启动器、效率神器 | macOS | ⭐⭐⭐⭐⭐ |
| Alfred | 启动器（Raycast 备选） | macOS | ⭐⭐⭐⭐ |
| Wox | 启动器 | Windows | ⭐⭐⭐⭐ |
| Rectangle | 窗口管理 | macOS | ⭐⭐⭐⭐⭐ |
| PowerToys | 效率工具集 | Windows | ⭐⭐⭐⭐⭐ |
浏览器效率插件
Momentum
- 作用：美化首页，显示待办事项
- 推荐度：⭐⭐⭐⭐
LastPass / 1Password
- 作用：密码管理器
- 推荐度：⭐⭐⭐⭐⭐
安全提醒：开发账号众多，使用密码管理器可以生成强密码并自动填充，大幅提升安全性。
Grammarly
- 作用：英文语法检查
- 推荐度：⭐⭐⭐⭐
应用场景：写英文文档、GitHub README、技术博客时检查语法错误。
Chrome 账号同步：登录 Google 账号，可以自动同步插件到其他设备，方便在不同电脑间保持一致的开发环境。