首页/第二阶段/第 3 课

LESSON 03 · TOOLKIT

掌握开发者的
基础工具

工具不是技术能力本身,但它们让你的操作可观察、修改可追踪、问题可复现。先掌握最少但可靠的一组。

课程进度3 / 5

建议学习时间:30 分钟
建立第一个项目目录

学完这一课,你能:

  • 理解终端、编辑器和 Git 各自解决什么问题
  • 在终端中确认位置、查看文件并进入目录
  • 建立并保存第一个可回退的网页项目

1. 先认识五件工具

终端
通过文字命令操作电脑。它能准确记录你在哪个目录、执行了什么以及返回了什么。
编辑器
阅读和修改代码的工作台,能显示文件结构、语法颜色和错误提示。
Git
记录文件变化的版本工具,让你看见改了什么,并回到已保存的版本。
依赖
项目引用的外部代码包。依赖清单说明项目需要什么,锁定文件记录确切版本。
环境变量
在代码之外提供配置,例如运行模式或服务地址。密钥不应写进公开代码。

2. 终端最先掌握这 5 个动作

下面以 Windows PowerShell 为例。每条命令先读懂再运行,不要复制包含删除、覆盖或未知脚本的命令。

# 我现在在哪里?
Get-Location

# 当前目录有什么?
Get-ChildItem

# 创建并进入项目目录
New-Item -ItemType Directory -Name "today-board"
Set-Location "today-board"

# 回到上一级
Set-Location ..
先确认位置,再执行命令很多“文件找不到”和“改错项目”的问题,都来自当前目录不对。养成先运行 Get-Location 和 Get-ChildItem 的习惯。

3. Git 是修改前的安全带

  1. 查看状态git status 告诉你哪些文件新增、修改或尚未记录。
  2. 查看差异git diff 展示修改前后具体变化。
  3. 分批记录确认变化后再添加并提交,提交说明要写清“做了什么”。
  4. 不要盲目清理遇到不认识的 reset、clean、force 命令先停下,确认影响范围。
git init
git status
git add index.html
git commit -m "建立今日任务板初始页面"

如果 Git 提示需要配置姓名和邮箱,先按照提示配置自己的身份,再提交。不要让 AI 为你猜一个值。

动手练习 · 20 分钟

建立第一个网页项目

  1. 创建 today-board 目录,并用编辑器打开它。
  2. 新建 index.html,让 AI 只生成一个标题、一项示例任务和一个按钮。
  3. 双击文件,用浏览器打开,确认页面能显示。
  4. 初始化 Git,查看状态并记录第一次提交。
  5. 把页面标题改成自己的名字,再用 git diff 看见变化。

离开前自测