实用工具

建议能够熟练使用带有 ⭐ 的工具

编辑器/IDE

• ⭐ Visual Studio Code
  • 前端开发首选编辑器
• Sublime Text
  • 轻量级的编辑器
  • 有大量内容搜索、替换、编辑需求推荐采用
• WebStorm

AI

编辑器/IDE/扩展

• ⭐ Cursor
  • AI 代码编辑器
• ⭐ Github Copilot
  • Cursor 最佳下位替代
  • vscode 内置
• Trae
  • 国产替代
• 其他扩展
  • Continue
    • Github Copilot 下位替代
  • 豆包 MarsCode AI
  • 阿里 通义零码
  • 智谱 CodeGeeX

AI 应用开发

• Dify
• Coze

网络

• ⭐ Apifox
  • API 设计、开发、测试一体化协作平台
  • 比 Postman 更适合中国宝宝体质
• Reqable
  • API 抓包调试 + API 测试一站式工具
  • 现代化的抓包工具
  • 新一代API开发工具
  • 你的下一个抓包工具，何必只是抓包工具？

Git

• ⭐ Git
• Github Desktop
  • 使用客户端更方便地管理云端仓库
  • （个人评价是比 vscode 内置的 git 好用）
• vscode 内置 git
• Git 扩展
  • GitLens — Git supercharged
  • Git Graph

浏览器扩展插件

可在 Chrome 扩展商店、Edge 扩展商店、极简插件等网站下载安装

• ⭐ React Developer Tools
  • React 开发者工具
• ⭐ Vue.js devtools
  • Vue.js 开发者工具
• Allow CORS: Access-Control-Allow-Origin
  • 支持跨域请求
• Save All Resources
  • 允许一键打包下载网站静态资源
• Super allow copy
  • 允许从各大网站免登录复制代码

文档/笔记

• 飞书文档
• Typora
• Obsidian
• Xmind

图片

• PicGo
  • 图床管理
• PixZip
  • 图片压缩

设计

• Figma
• MasterGo
  • 国产替代