跳转至

环境准备

Vibe Coding 的工具链分两层：AI 工具（IDE 和模型）和基础工具（版本控制、运行时）。本页帮你把两层都搭好。

选择你的 AI IDE

以下四款工具是 2026 年主流选择，按上手难度排列：

AWS 出品，规格驱动开发，内置 Agent 模式和任务管理。适合复杂项目和团队协作。

  1. 下载：kiro.dev
  2. 安装后用 GitHub 或 AWS 账号登录
  3. 打开项目文件夹，Kiro 会自动检测项目类型

免费额度：每月有免费 token 额度，个人项目够用。

代码库理解能力强，多文件编辑流畅，日常开发首选。

  1. 下载：cursor.com
  2. 安装后导入 VS Code 配置（可选）
  3. 在 Settings → Models 选择模型（推荐 Claude Sonnet 4.6）

免费额度：每月 500 次快速请求，超出后按量计费。

Anthropic 官方 CLI，终端驱动，MCP 扩展生态丰富。适合喜欢命令行的开发者。

npm install -g @anthropic-ai/claude-code
claude

需要 Anthropic API Key：console.anthropic.com

Cascade Agent 体验流畅，个人项目和全栈开发体验好。

  1. 下载：codeium.com/windsurf
  2. 安装后用 Google 或 GitHub 账号登录
  3. 在 Cascade 面板选择模型

基础工具

工具 安装方式 用途
Git git-scm.com 版本控制和回滚
GitHub CLI winget install GitHub.cli / brew install gh 管理仓库和工作流
Node.js LTS nodejs.org 前端项目和工具链
Python 3.11+ python.org 脚本和文档工具

验证安装：

git --version
gh --version
node --version
python --version

配置项目规则文件

项目规则文件让 AI 每次自动了解你的项目约定，不需要每次重复说明。

Kiro（.kiro/steering/）：

mkdir -p .kiro/steering

创建 .kiro/steering/project.md：

# 项目约定

## 技术栈
- [框架和版本]
- [样式方案]
- [测试框架]

## 代码约定
- [命名规范]
- [文件结构]

## 禁止事项
- 不引入 [某类依赖]
- 不修改 [某个目录]

Cursor（.cursorrules）和 Claude Code（CLAUDE.md）格式相同，放在项目根目录。

本站本地启动

如果你想在本地预览本教程：

python -m venv .venv

# Windows
.\.venv\Scripts\Activate.ps1

# macOS / Linux
source .venv/bin/activate

pip install -r requirements.txt
mkdocs serve

浏览器打开 http://127.0.0.1:8000。

构建检查（发布前运行）：

mkdocs build --strict