01 开发工具及环境准备

Github

1. 作用：托管项目的代码仓库、版本管理、支持部署自动化。
2. 地址：https:github.com
3. 注册流程
   1. 进入Github，点击「Sign Up」
   2. 点击「Continue with Google」，使用Google账号注册
   3. 可能有些验证题要做，正常做完即可
   4. ✅注册成功，进入Github

Vercel

1. 作用：一个全栈项目部署平台，帮你快速部署上线
2. 地址：https://vercel.com
3. 注册流程
   1. 进入Vercel，点击「Sign Up」
   2. 选择「I'm working on personal projects」，输入名称。进入下一步
   3. 使用Github注册
   4. 完成Github授权
   5. 完成注册，进入Vercel

Supabase

1. 作用：支持云端数据库、用户认证、文件存储和实时数据增删改查等后端服务。
2. 地址：https://supabase.com/
3. 注册流程
   1. 访问Supabase，点击「Sign in」
   2. 使用「Continue with Github」登陆
   3. 登陆成功，进入Supabase

Node.js

1. 解释：简单来说，Node.js 让 JavaScript 这门原本只能在浏览器里运行的语言，也能在你的电脑（服务器）上运行。它是我们后续所有开发工作的基础。
2. 安装步骤
   1. 打开Node.js官网
   2. 下载安装包（网站会自动识别你的设备）
   3. 复制安装命令
   4. 打开Terminal（终端）
      1. Mac: 按 Command + 空格，搜索"终端"
      2. Windows: 按 Win + R，输入"PowerShell"
   5. 粘贴命令按回车执行
   6. 安装完成后，查看版本
   

代码编辑器

Cursor

1. 介绍：Cursor是一个继承了强大的AI辅助编程能力的编程工具（IDE），能通过对话完成多种编程任务
   1. 优势
      1. 不需要编程基础，可通过自然对话开发应用
      2. 支持调用多种模型，可以根据不同的编程任务选择适合的模型（比如Gemini审美好，负责写前端；Claude逻辑强，负责写后端）
      3. 支持支付宝付款，不需要额外办海外卡
   2. 劣势
      1. Token额度消耗快，$20很快用完
2. 安装步骤
   1. 访问 Cursor官网
   2. 安装包体
   3. 打开Cursor，选择Google账号/Github登录

Trae

1. 介绍：Trae是字节系的开发工具，AI Coding的综合能力在国内IDE工具中处于第一梯队
   1. 优势
      1. 免费可用
      2. 无需VPN
   2. 劣势
      1. 编程速度比较慢，需要调试和等待的时间成本稍高
      2. 对于连续多轮的复杂开发任务，编程质量不如在Cursor上使用Claude或Gemini
2. 安装步骤
   1. 访问Trae官网
   2. 安装包体
   3. 登陆Trae

VS Code

1. 介绍：功能强大的开发工具，有丰富的开发扩展应用解决各种编程问题
   1. 优势
      1. 继承了丰富多样的扩展应用，能在VS Code中快捷调用解决问题
      2. Claude Code for VScode做的很好，可以在VS Code里使用claude code多窗口进行开发或其他任务
   2. 劣势
      1. 很多扩展应用（如cc for vscode）的使用都需要VPN
2. 安装步骤
   1. 访问VS Code官网
   2. 安装包体
   3. 登陆VS Code

pnpm

1. 介绍：pnpm 是一个 JavaScript/Node.js 的包管理工具
   1. 优势
      1. 省硬盘空间 — 多个项目用同一个包时，只存一份，其他地方用链接指向它
      2. 安装速度快 — 比 npm 快很多
      3. 更安全 — 项目只能访问自己声明的依赖
2. 安装步骤
   1. 打开终端（Terminal），输入：
      复制

      node -v

   2. 在终端中输入
      复制

      npm install -g pnpm

   3. 验证安装是否成功，在终端输入
      复制

      pnpm -v

   4. 成功则会展示