MiniCode

File & Path

文件与路径

免费阅读 · 更新于

一句话理解

知道项目文件在哪里,以及怎样准确指向它。

打个比方

文件像一份资料,文件夹像装资料的柜子,路径则像从入口找到资料的地址。相对路径需要知道你正站在哪个位置。

扩展名常用于表示文件类型,例如 .md、.json 和 .html。绝对路径从系统根目录或盘符出发;相对路径以某个位置为起点,具体基准取决于使用场景。

看个例子

项目目录示意
my-site/
  index.html
  images/
    cat.png

从 index.html 引用图片:images/cat.png

在这个简单网页里,图片路径相对于 HTML 文件的位置。文件系统路径和网站 URL 不完全相同,不要直接把电脑上的绝对路径发给访客。

什么时候会遇到

  • 告诉 AI 要修改哪个文件。
  • 排查图片无法显示、导入失败和找不到配置文件的问题。

常见误解

名字看起来一样不代表路径相同;文件名大小写在不同环境也可能有不同表现。

想一想

把 cat.png 移到另一个文件夹后,为什么图片不见了?

查看答案

原引用路径还指向旧位置。需要更新引用,或把文件放回原处,并检查文件名大小写。

继续查阅官方资料

MDN · 文件与文件夹本文为面向新手的概念解释,具体工具行为以对应文档为准。