Web 前端技术 · 第一节课学生操作任务单

班级：

学号：

姓名：

一、学习目标

能用 VS Code 打开完整项目文件夹并编辑 HTML。
能通过本地静态服务器访问页面，并识别 localhost 地址。
能在 Elements、Console、Network 中找到运行证据。
能初始化本地 Git 仓库并完成第一次提交。

二、课堂任务

步骤	操作	完成证据
1	解压起始项目，用 VS Code 的“打开文件夹”打开 `first-web-project`。	资源管理器显示项目完整目录。
2	修改姓名、个人介绍和学习目标，保存 `index.html`。	浏览器出现自己的内容。
3	启动 Live Server，通过本地静态服务器访问页面。	记录地址：
4	打开 DevTools，检查 DOM、Console 和 Network。	`index.html` 状态码：
5	初始化 Git，查看差异、暂存文件并提交。	提交编号：

三、同伴验收

页面地址以 http://localhost 或 http://127.0.0.1 开头。
Console 没有红色错误，Network 中三个项目文件均请求成功。
Git 提交说明能够概括本次修改，提交前查看过文件差异。
学生能指出源文件修改与 DevTools 临时修改的区别。

四、退出记录

今天最容易出错的环节：

我是依据什么现象定位问题的：

第一节课只建立本地 Git 仓库，不要求绑定账号或推送到远程平台。