01MVP
快速开始

开发工具与环境设置

10 分钟装好最小环境,能开干就行。

目标很简单:10 分钟装好最小环境,能开干就行。

3 步搞定

第 1 步:装代码编辑器

三选一,装一个就行:

  • Cursor — AI 编程首选,内置 AI 对话和代码补全。如果你只装一个,装这个。
  • VS Code — 微软出品,免费,插件生态最丰富。
  • Trae — 字节跳动出品,国内访问友好。

下载安装包,双击安装,打开。就这样。

第 2 步:装 Node.js + pnpm

Web 开发必备。两种安装方式:

方式 A:直接下载(最简单)

  1. Node.js 官网 下载 LTS 版本
  2. 双击安装包,一路 Next
  3. 打开终端(Mac: Terminal / Windows: PowerShell),输入:
node --version   # 应该显示 v20.x.x 或更高
  1. 安装 pnpm(比 npm 更快的包管理器):
npm install -g pnpm
pnpm --version   # 确认安装成功

方式 B:用 nvm 管理版本(推荐老手)

如果你以后可能需要切换 Node.js 版本,用 nvm:

# Mac/Linux
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

# 重启终端后
nvm install --lts
nvm use --lts
npm install -g pnpm

第 3 步:装 Git

版本控制工具,用来管理代码和部署。

  • Mac:打开终端输入 git --version,如果没装会自动提示安装
  • Windows:去 git-scm.com 下载安装

装完配置一下身份:

git config --global user.name "你的名字"
git config --global user.email "你的邮箱"

必装清单

类别推荐说明
代码编辑器CursorAI 编程首选
运行环境Node.js LTSWeb 开发必备
包管理器pnpm比 npm 快,省磁盘
版本控制Git必装
部署平台Vercel注册账号即可

可选加成(用到再装)

工具用途什么时候需要
HomebrewMac 包管理器经常装命令行工具时
Warp更好的终端想要 AI 辅助的终端体验
Figma设计工具需要画原型时
Docker容器化需要跑数据库等服务时

国内注意事项

如果你在国内,可能需要:

  • 科学上网工具 — 详见 网络环境配置
  • npm 镜像源 — pnpm config set registry https://registry.npmmirror.com

装完就去做

环境搭好了?别继续研究工具了。去 快速创建 MVP,选一个教程开干。

On this page