课程详情

继续
返回课程列表
入门 · 预计 20 分钟

文件、文件夹和路径

看懂项目里的文件住在哪里,并学会准确描述它们的位置。

file文件folder文件夹path路径

本课目标

  • 区分文件与文件夹
  • 理解路径的含义
  • 认识相对路径

生活化理解

文件夹像书柜,文件像书,路径就是从房间门口走到某本书的路线。

简单示例

点号表示当前文件夹,斜杠用来分隔层级。

./images/avatar.png

逐行解释

./ 是当前位置,images 是子文件夹,avatar.png 是目标图片文件。

初学者注意

Windows 常见反斜杠,但网页项目通常使用正斜杠表示路径。

简单练习

写出当前项目中 app 文件夹下 page.tsx 的相对路径。

本阶段为 Mock 练习,不会提交或运行你的代码。