跳到主要内容
🔧
阶段 0 / 9

环境搭建

工具安装、账号注册、开发环境配置

做什么

安装工具,注册账号,搭建开发环境。这是建站的”地基”工作。

必备清单

项目推荐用途
电脑Windows / Mac开发设备
浏览器Chrome预览和调试
AI 编程助手Claude Code 或 CursorAI 对话生成代码
VS Code免费安装代码编辑与项目管理
GitHub注册账号代码托管
Node.js下载 LTS 版运行 JavaScript 项目
Vercel / Netlify注册账号免费部署

分步安装

1. 注册 AI 编程工具账号

  • 打开 Claude Code 或 Cursor 官网
  • 点击注册 → 用 Google / GitHub / 邮箱注册
  • 安装桌面版(如果有)

2. 安装 VS Code

  • 官网下载 → 双击安装 → 默认选项下一步
  • 安装完成后,打开 VS Code

3. 注册 GitHub

  • 打开 github.com
  • 点击 Sign up
  • 用户名建议用:yourname

4. 注册 Vercel

  • 打开 vercel.com
  • 用 GitHub 账号直接登录(最简单)
  • 免费计划已经包含你需要的所有功能

验证环境

打开终端(Terminal),输入:

node --version   # 应该显示 v18 或更高
npm --version    # 应该显示 v9 或更高

可用的 Skills

Skill作用安装命令
yonatangross/orchestkit@devops-deploymentDevOps 环境配置npx skills add yonatangross/orchestkit@devops-deployment -g -y

💡 怎么用:打开终端,复制上面的安装命令粘贴执行,Skill 就装好了。然后在 Claude Code 中执行 /skill-name 即可激活。

📋 复制这段提示词给 AI

安装过程中遇到问题?把以下提示词复制给 AI,让它帮你检查和修复。

提示词 1:验证环境配置

我是一个完全不会编程的小白,刚安装完 Node.js 和 Git。

请帮我做以下检查:
1. 告诉我怎么打开终端(Windows 用 Git Bash,Mac 用 Terminal)
2. 在终端中输入什么命令来验证 Node.js 安装成功
3. 在终端中输入什么命令来验证 npm 安装成功
4. 在终端中输入什么命令来验证 Git 安装成功
5. 如果某个命令提示"不是内部或外部命令"或"command not found",应该怎么办

请用最简单的话解释,一步一步告诉我怎么做。

提示词 2:创建第一个 GitHub 仓库

我是一个完全不会编程的小白。

我已经注册了 GitHub 账号(用户名:[你的用户名]),
已经在本地安装了 Git,现在想把我的网站代码存到 GitHub 上。

我的网站文件在电脑上的位置:[你的文件夹路径,如 C:\Users\我的网站]

请一步一步教我把这个文件夹上传到 GitHub,步骤包括:
1. 怎么初始化 Git 仓库(git init)
2. 怎么添加文件(git add)
3. 怎么提交(git commit)
4. 怎么关联远程仓库
5. 怎么推送(git push)

每一步请同时给出终端命令和它的大白话解释。我是 Windows 系统,用 Git Bash。

## 🎯 练习

**任务**:按清单注册完所有账号,在终端验证 node 和 npm 安装成功。在 GitHub 上创建一个空仓库,命名为 `my-first-site`。