路径中的'.'和'..'还有'./'和'../'都是什么意思

本文介绍了Linux系统中常用路径符号的含义及其使用方法。包括当前目录(.)、上级目录(..)及如何通过这些符号来定位文件夹和文件。

这和linux系统是一样的, 

. 表示当前目录
.. 表示当前目录的上一级目录。
./表示当前目录下的某个文件或文件夹,视后面跟着的名字而定
../表示当前目录上一级目录的文件或文件夹,视后面跟着的名字而定。

例如:
文件夹 a
下面有  文件夹b c 和文件 d。
文件夹b下面有e.php 和文件f。

则e中的 . 表示 文件夹b
./f 表示b下面的文件f。
..  表示a文件夹。
../d 表示a文件夹下的d文件。


### VSCode中 `../` 的含义 在计算机文件系统中,相对路径用于描述相对于当前工作目录的文件或文件夹的位置。其中: - **`.`** 表示当前目录[^1]。 - **`..`** 表示上一级目录[^1]。 在 Visual Studio Code (VSCode) 中,`../` 是一种常见的相对路径表达方式,用来定位某个文件或文件夹相对于当前文件所在位置的上级目录。例如,假设有一个项目结构如下: ``` project/ │ ├── folderA/ │ └── fileA.js │ └── images/ └── a.png ``` 如果在 `fileA.js` 文件中需要引入位于 `images` 文件夹下的 `a.png` 图片,则可以使用以下相对路径: ```javascript const imagePath = "../images/a.png"; ``` 这里的 `../` 表示从 `folderA` 返回到其父级目录(即 `project`),然后再进入 `images` 文件夹找到目标文件 `a.png`[^1]。 ### 使用相对路径的最佳实践 为了确保项目的可移植性兼容性,推荐优先使用相对路径而非绝对路径。以下是几个注意事项技巧: #### 1. 配置 TypeScript 或 JavaScript 的基础路径 对于基于模块化的开发环境(如 Node.js Webpack),可以通过配置 `tsconfig.json` 来简化相对路径书写。例如,在 `tsconfig.json` 中设置 `baseUrl` `paths` 属性可以帮助映射自定义前缀至实际路径[^4]: ```json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] } }, "include": ["src/**/*"], "exclude": ["node_modules", "dist"] } ``` 通过以上配置,可以在代码中用 `@/components/example` 替代冗长的 `../../../components/example` 形式的路径。 #### 2. 解决插件或工具链中的路径问题 某些情况下,可能因为编译器或其他工具未正确定位所需的二进制文件而导致错误。例如,引用[3]提到的情况表明,当指定的相对路径未能指向有效的资源时,可能导致构建失败。此时需确认所使用的路径是否正确无误,并验证目标文件确实存在于预期位置。 #### 3. 测试不同编辑器的行为差异 尽管大多数现代 IDE 对于处理相对路径具有一致性支持,但在特定场景下仍可能存在细微差别。正如引用[2]指出的现象那样——即使遵循标准做法也可能遭遇意外状况;对此类现象应保持耐心排查并尝试多种解决方案直至成功为止。 ### 示例代码展示如何应用相对路径加载静态资源 假设有这样一个 HTML 页面及其关联样式表与脚本文件存放在同一层目录之下: ``` myProject/ │ ├── index.html ├── style.css └── script.js ``` 要在HTML文档内部链接外部CSS样式单以及JavaScript程序片段, 可采用下面的方式实现: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!-- 引入同级目录下的 CSS --> <link rel="stylesheet" href="./style.css"> </head> <body> <!-- ... --> <!-- 引入同级目录下的 JS --> <script src="./script.js"></script> </body> </html> ``` 假如现在希望调整这些资产之间的关系使得它们分别处于不同的子文件夹当中, 则只需相应修改各自的URL地址即可完成迁移操作. ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值