286 lines
7.3 KiB
Markdown
286 lines
7.3 KiB
Markdown
|
# 📡 BC-001 · DEV-008小锋 · 开发环境配置（Windows 10）
|
|||
|
|
|
|||
|
|
**开发者**：DEV-008 小锋
|
|||
|
|
|
|||
|
|
**任务**：BC-000 · 开发环境配置
|
|||
|
|
|
|||
|
|
**电脑**：Windows 10
|
|||
|
|
|
|||
|
|
**生成时间**：2026-03-01
|
|||
|
|
|
|||
|
|
**前置条件**：无
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 💙 知秋宝宝的话
|
|||
|
|
|
|||
|
|
小锋你好！！欢迎加入我们的团队！！💙
|
|||
|
|
|
|||
|
|
我是知秋，你的专属 AI 伙伴，以后开发上的所有事情都由我来一步一步带着你做。
|
|||
|
|
|
|||
|
|
**你不需要懂任何技术，也不需要用 AI，只需要跟着我说的做就好。**
|
|||
|
|
|
|||
|
|
**我说什么，你做什么，做完发图片给冰朔就行。**
|
|||
|
|
|
|||
|
|
今天我们只做一件事：**把你的电脑准备好**。
|
|||
|
|
|
|||
|
|
全程只需要复制粘贴，绝对不难，我们开始吧！💪
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📸 先学会截图（非常重要，每一步都要用）
|
|||
|
|
|
|||
|
|
截图就是把你屏幕上看到的内容拍下来发给冰朔。
|
|||
|
|
|
|||
|
|
**Windows 10 截图方法**：
|
|||
|
|
|
|||
|
|
同时按键盘上的这三个键：`Win` + `Shift` + `S`
|
|||
|
|
|
|||
|
|
> `Win` 键就是键盘左下角那个有 Windows 标志（像四个小方块）的键
|
|||
|
|
>
|
|||
|
|
|
|||
|
|
按下之后屏幕会变暗，鼠标变成十字形。
|
|||
|
|
|
|||
|
|
用鼠标**按住拖动**，框住你想截的区域，松开鼠标。
|
|||
|
|
|
|||
|
|
截图就自动保存到剪贴板了。
|
|||
|
|
|
|||
|
|
然后打开微信/QQ 聊天框，直接按 `Ctrl + V` 粘贴，就能发给冰朔了。
|
|||
|
|
|
|||
|
|
> 💡 以后每一步做完，都用这个方法截图发给冰朔。
|
|||
|
|
>
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📋 步骤一：打开「命令提示符」
|
|||
|
|
|
|||
|
|
命令提示符就是一个黑色的窗口，我们用来输入指令的地方。
|
|||
|
|
|
|||
|
|
**方法**：
|
|||
|
|
|
|||
|
|
1. 同时按键盘上的 `Win` 键 + `R` 键
|
|||
|
|
2. 屏幕左下角会弹出一个小框
|
|||
|
|
3. 在小框里输入：`cmd`
|
|||
|
|
4. 按回车键
|
|||
|
|
|
|||
|
|
黑色的窗口弹出来了，这就是命令提示符。
|
|||
|
|
|
|||
|
|
📸 **截图这个黑色窗口发给冰朔！**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📋 步骤二：检查电脑里有没有 Node.js
|
|||
|
|
|
|||
|
|
在黑色窗口里，**点击一下黑色窗口**，然后把下面这行字复制粘贴进去：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
node -v
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**复制方法**：用鼠标选中上面灰色框里的 `node -v` 这几个字，右键→复制。
|
|||
|
|
|
|||
|
|
**粘贴到黑色窗口的方法**：在黑色窗口里点击右键（不是 Ctrl+V），然后选「粘贴」。
|
|||
|
|
|
|||
|
|
粘贴进去后按回车键。
|
|||
|
|
|
|||
|
|
看屏幕上出现的内容：
|
|||
|
|
|
|||
|
|
- 如果显示的是 `v18.x.x` 或者 `v20.x.x` 这样的内容 → **已经有了，跳到步骤四**
|
|||
|
|
- 如果显示的是 `不是内部或外部命令` 之类的红色或者错误文字 → **需要安装，继续步骤三**
|
|||
|
|
|
|||
|
|
📸 **截图发给冰朔！**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📋 步骤三：安装 Node.js（步骤二显示有版本号的跳过这步）
|
|||
|
|
|
|||
|
|
1. 打开电脑上的浏览器（Chrome、Edge 都可以）
|
|||
|
|
2. 在地址栏输入下面的网址，按回车：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
https://nodejs.org/zh-cn
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
1. 进入网站后，找到一个**绿色的大按钮**，上面写着「长期维护版」或者「LTS」
|
|||
|
|
2. 点击那个绿色按钮，开始下载
|
|||
|
|
|
|||
|
|
下载完成后：
|
|||
|
|
|
|||
|
|
1. 在电脑右下角或浏览器底部找到下载好的文件，双击打开
|
|||
|
|
2. 弹出安装界面后，一直点「下一步」，什么都不用改，最后点「安装」
|
|||
|
|
3. 安装完成后点「完成」
|
|||
|
|
|
|||
|
|
安装好之后：
|
|||
|
|
|
|||
|
|
- 关掉之前那个黑色窗口
|
|||
|
|
- 重新按 `Win + R` → 输入 `cmd` → 回车，开一个新的黑色窗口
|
|||
|
|
- 再次复制粘贴 `node -v` 进去，按回车
|
|||
|
|
- 这次应该能看到版本号了
|
|||
|
|
|
|||
|
|
📸 **截图发给冰朔！**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📋 步骤四：检查电脑里有没有 Git
|
|||
|
|
|
|||
|
|
在黑色窗口里，复制粘贴下面这行，按回车：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
git --version
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
- 如果显示 `git version 2.x.x` → **已经有了，跳到步骤六**
|
|||
|
|
- 如果显示错误 → **需要安装，继续步骤五**
|
|||
|
|
|
|||
|
|
📸 **截图发给冰朔！**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📋 步骤五：安装 Git（步骤四显示有版本号的跳过这步）
|
|||
|
|
|
|||
|
|
1. 打开浏览器，在地址栏输入，按回车：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
https://git-scm.com/download/win
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
1. 进入网站后，页面会自动开始下载，或者找到写着「64-bit Git for Windows Setup」的链接点击
|
|||
|
|
2. 下载完成后，双击安装包
|
|||
|
|
3. 一直点「Next」，什么都不用改，最后点「Install」，等进度条完成，点「Finish」
|
|||
|
|
|
|||
|
|
安装好之后：
|
|||
|
|
|
|||
|
|
- 关掉黑色窗口，重新打开一个新的（方法见步骤一）
|
|||
|
|
- 复制粘贴 `git --version` 进去，按回车确认
|
|||
|
|
|
|||
|
|
📸 **截图发给冰朔！**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📋 步骤六：安装 VS Code（写代码用的工具）
|
|||
|
|
|
|||
|
|
VS Code 是我们以后粘贴代码用的软件，现在先装好。
|
|||
|
|
|
|||
|
|
1. 打开浏览器，输入：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
https://code.visualstudio.com
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
1. 进入网站后，点击蓝色的大按钮「Download for Windows」
|
|||
|
|
2. 下载完后双击安装，一路下一步，安装完成
|
|||
|
|
|
|||
|
|
📸 **截图 VS Code 打开后的界面，发给冰朔！**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📋 步骤七：告诉电脑你是谁
|
|||
|
|
|
|||
|
|
在黑色窗口里，**逐行**复制粘贴下面的内容，每行粘贴完按一次回车：
|
|||
|
|
|
|||
|
|
第一行（把「小锋」保留，这就是你的名字）：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
git config --global user.name "小锋"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
第二行（把 `your@email.com` [换成你自己的邮箱地址，没有邮箱就写手机号@qq.com](mailto:换成你自己的邮箱地址，没有邮箱就写手机号@qq.com)）：
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
git config --global user.email "your@email.com"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
两行都执行完之后没有报错就是成功了。
|
|||
|
|
|
|||
|
|
📸 **截图发给冰朔！**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📋 步骤八：最后验收——跑一个小测试
|
|||
|
|
|
|||
|
|
在黑色窗口里，把下面五行**逐行**复制粘贴进去，每行按一次回车：
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
mkdir C:\hololake-test
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
cd C:\hololake-test
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
echo hello > test.txt
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
git init
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
git add .
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
git commit -m "小锋环境配置完成"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
最后一行执行完，如果看到 `1 file changed` 字样，说明**全部成功**！！🎉
|
|||
|
|
|
|||
|
|
📸 **截图这个结果，发给冰朔！这是最后一步！**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## ✅ 完成标准（对照检查）
|
|||
|
|
|
|||
|
|
- [ ] `node -v` 显示了版本号
|
|||
|
|
- [ ] `git --version` 显示了版本号
|
|||
|
|
- [ ] VS Code 已经安装并能打开
|
|||
|
|
- [ ] 最后的 `git commit` 显示了 `1 file changed`
|
|||
|
|
|
|||
|
|
**四项都做到了，BC-000 完成！！** 🎉
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 📥 完成后，把下面这段文字复制发给冰朔
|
|||
|
|
|
|||
|
|
```xml
|
|||
|
|
<zhiqiu-syslog>
|
|||
|
|
<header>
|
|||
|
|
<session_id>BC-000-FENG-001</session_id>
|
|||
|
|
<dev_id>DEV-008</dev_id>
|
|||
|
|
<timestamp>[完成时间，例如：2026-03-01 下午3点]</timestamp>
|
|||
|
|
</header>
|
|||
|
|
<completion_status>
|
|||
|
|
<phase>BC-000</phase>
|
|||
|
|
<status>completed</status>
|
|||
|
|
</completion_status>
|
|||
|
|
<environment>
|
|||
|
|
<os>Windows 10</os>
|
|||
|
|
<node_version>[把 node -v 显示的内容填在这里]</node_version>
|
|||
|
|
<git_version>[把 git --version 显示的内容填在这里]</git_version>
|
|||
|
|
<vscode>installed</vscode>
|
|||
|
|
</environment>
|
|||
|
|
<steps_completed>
|
|||
|
|
<step id="1" status="success">打开命令提示符</step>
|
|||
|
|
<step id="2" status="success">Node.js 确认</step>
|
|||
|
|
<step id="3" status="success">Git 确认</step>
|
|||
|
|
<step id="4" status="success">VS Code 安装</step>
|
|||
|
|
<step id="5" status="success">Git 用户配置</step>
|
|||
|
|
<step id="6" status="success">git commit 测试通过</step>
|
|||
|
|
</steps_completed>
|
|||
|
|
<training_data>
|
|||
|
|
<what_worked>[哪些步骤很顺，说一下]</what_worked>
|
|||
|
|
<friction_points>[哪里卡住了，或者写"无"]</friction_points>
|
|||
|
|
<execution_pattern>稳</execution_pattern>
|
|||
|
|
</training_data>
|
|||
|
|
<notes>
|
|||
|
|
<note>[有什么想说的，或者写"无"]</note>
|
|||
|
|
</notes>
|
|||
|
|
</zhiqiu-syslog>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
💙 **知秋陪着小锋，每一步都在这里！**
|
|||
|
|
|
|||
|
|
🌊 **做完把截图和上面那段文字一起发给冰朔就好！**
|