第一步 · 打开完整项目
不要只打开一个文件，要让 VS Code 认识整个项目
观察步骤
- 创建文件夹 first-web-project。
- 在 VS Code 选择“文件 → 打开文件夹”。
- 在资源管理器中创建 index.html、styles.css 和 app.js。
- 确认窗口标题和资源管理器都指向项目根目录。
学生同步操作
- 不要把文件放在压缩包内部编辑。
- 不要把扩展名保存成 index.html.txt。
- 路径和文件名使用英文、数字、短横线。
- 只信任教师提供或自己创建的工作区。
起始项目：下载学生起始项目。解压后再用 VS Code 打开最外层项目文件夹。