文件、文件夹和路径
看懂项目里的文件住在哪里,并学会准确描述它们的位置。
file(文件)folder(文件夹)path(路径)
本课目标
- 区分文件与文件夹
- 理解路径的含义
- 认识相对路径
生活化理解
文件夹像书柜,文件像书,路径就是从房间门口走到某本书的路线。
简单示例
点号表示当前文件夹,斜杠用来分隔层级。
./images/avatar.png逐行解释
./ 是当前位置,images 是子文件夹,avatar.png 是目标图片文件。
初学者注意
Windows 常见反斜杠,但网页项目通常使用正斜杠表示路径。
简单练习
写出当前项目中 app 文件夹下 page.tsx 的相对路径。
本阶段为 Mock 练习,不会提交或运行你的代码。