学完这一课,你能:
- 理解终端、编辑器和 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 是修改前的安全带
- 查看状态
git status告诉你哪些文件新增、修改或尚未记录。 - 查看差异
git diff展示修改前后具体变化。 - 分批记录确认变化后再添加并提交,提交说明要写清“做了什么”。
- 不要盲目清理遇到不认识的 reset、clean、force 命令先停下,确认影响范围。
git init
git status
git add index.html
git commit -m "建立今日任务板初始页面"如果 Git 提示需要配置姓名和邮箱,先按照提示配置自己的身份,再提交。不要让 AI 为你猜一个值。
动手练习 · 20 分钟
建立第一个网页项目
- 创建
today-board目录,并用编辑器打开它。 - 新建
index.html,让 AI 只生成一个标题、一项示例任务和一个按钮。 - 双击文件,用浏览器打开,确认页面能显示。
- 初始化 Git,查看状态并记录第一次提交。
- 把页面标题改成自己的名字,再用
git diff看见变化。