文件系统中的目录与切换操作

·  阅读 996

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第9天,点击查看活动详情

cd

cd,change directory,切换当前工作目录。

除指定目录外,还有以下特殊目录。

  • .: 当前工作目录。
  • ..: 父级工作目录。
  • /: 根目录。
  • ~: home 目录,即当前的用户目录,同时也可用环境变量 $HOME 表示。假设当前用户为 shanyue,则 ~ 目录为 /Users/shanyue (mac系统)。

另外,cd - 为进入上一次的工作目录,如同 git checout - 切回上次的分支一样。

$ cd ~
$ cd -
$ cd $HOME

cd 外,有一个拥有强大功能切换目录的小工具 autojump

autojump 需要进行手动下载。

# 切换至含有 foo 子字符串的某个目录
$ j foo

Q: 你知道 autojump 原理吗,你可以写出来一个 autojump 命令行小工具吗?

pwd

pwd,print working directory,打印当前工作目录。

# 打印当前路径,该目录为 react 源码内容
$ pwd
/Users/shanyue/Documents/react

ls

ls,列出某个工作目录的内容。

ls 单指令不会列出以 . 开头的文件,比如 .git.babelrc.eslintrc 均不会默认显示。而使用 -a,将会把所有文件列出。

在日常工作中,常使用 ls -lah 列出工作目录内容。

# -l: 使用长列表格式
# -a: 列出所有文件,包括以 . 开头的文件
# -h: 以可读的形式表示文件体积,比如 100M
$ ls -lah
total 2176
drwxr-xr-x    36 shanyue  shanyue   1.1K  6 10 15:45 .
drwx------@  242 shanyue  shanyue   7.6K  5 29 09:37 ..
drwxr-xr-x     3 shanyue  shanyue    96B  6 10 15:45 .circleci
drwxr-xr-x     3 shanyue  shanyue    96B  6 10 15:45 .codesandbox
-rw-r--r--     1 shanyue  shanyue   294B  5 22  2021 .editorconfig
-rw-r--r--     1 shanyue  shanyue   759B  6 10 15:45 .eslintignore
-rw-r--r--     1 shanyue  shanyue   8.4K  6 10 15:45 .eslintrc.js
drwxr-xr-x    14 shanyue  shanyue   448B  6 10 15:45 .git
-rw-r--r--     1 shanyue  shanyue    12B  5 22  2021 .gitattributes
drwxr-xr-x     6 shanyue  shanyue   192B  9  8  2021 .github
-rw-r--r--     1 shanyue  shanyue   881B  6 10 15:45 .gitignore
-rw-r--r--     1 shanyue  shanyue   7.6K  5 22  2021 .mailmap
-rw-r--r--     1 shanyue  shanyue     9B  6 10 15:45 .nvmrc
-rw-r--r--     1 shanyue  shanyue   546B  6 10 15:45 .prettierignore
-rw-r--r--     1 shanyue  shanyue   363B  5 22  2021 .prettierrc.js
-rw-r--r--     1 shanyue  shanyue     3B  5 22  2021 .watchmanconfig
-rw-r--r--     1 shanyue  shanyue    42K  5 22  2021 AUTHORS
-rw-r--r--     1 shanyue  shanyue   198K  6 10 15:45 CHANGELOG.md
-rw-r--r--     1 shanyue  shanyue   3.5K  5 22  2021 CODE_OF_CONDUCT.md
-rw-r--r--     1 shanyue  shanyue   216B  5 22  2021 CONTRIBUTING.md
-rw-r--r--     1 shanyue  shanyue   1.1K  5 22  2021 LICENSE
-rw-r--r--     1 shanyue  shanyue   5.1K  6 10 15:45 README.md
-rw-r--r--     1 shanyue  shanyue   1.5K  6 10 15:45 ReactVersions.js
-rw-r--r--     1 shanyue  shanyue   400B  5 22  2021 SECURITY.md
-rw-r--r--     1 shanyue  shanyue   671B  9  2  2021 appveyor.yml
-rw-r--r--     1 shanyue  shanyue   1.0K  5 22  2021 babel.config.js
drwxr-xr-x     6 shanyue  shanyue   192B  9  4  2021 build
drwxr-xr-x     2 shanyue  shanyue    64B  9  4  2021 build2
-rw-r--r--     1 shanyue  shanyue   7.5K  6 10 15:45 dangerfile.js
drwxr-xr-x    23 shanyue  shanyue   736B  6 10 15:45 fixtures
-rw-r--r--     1 shanyue  shanyue   220B  5 22  2021 netlify.toml
drwxr-xr-x  1426 shanyue  shanyue    45K  9  2  2021 node_modules
-rw-r--r--     1 shanyue  shanyue   7.2K  6 10 15:45 package.json
drwxr-xr-x    39 shanyue  shanyue   1.2K  6 10 15:45 packages
drwxr-xr-x    22 shanyue  shanyue   704B  9  2  2021 scripts
-rw-r--r--     1 shanyue  shanyue   733K  6 10 15:45 yarn.lock

那在 ls 每一行都代表什么信息?在下一节内容讲述。

Q: 如何配置颜色区分目录和文件呢,见下截图。

exa

一个 ls 的替代品,拥有更友好的色彩更丰富的输出,同时支持更丰富的选项。

# 支持查看 git 情况
$ exa -lah --git

tree

tree,以树状图的形式列出文件。

该命令需要手动下载。

# macos
$ brew install tree

# centos
$ yum install tree

可通过 -L 指定层级,平常工作可使用以下指令。

# -a: 列出所有文件
# -F: 对目录末尾添加 /,对可执行文件末尾添加 *
# -L: 指定层级
$ tree packages/react-dom -aF -L 2
packages/react-dom
|-- README.md
|-- client.js
|-- index.classic.fb.js
|-- index.experimental.js
|-- index.js
|-- index.modern.fb.js
|-- index.stable.js
|-- npm/
|   |-- client.js
|   |-- index.js
|   |-- profiling.js
|   |-- server.browser.js
|   |-- server.js
|   |-- server.node.js
|   |-- test-utils.js
|   `-- unstable_testing.js
|-- package.json
|-- server.browser.js
|-- server.js
|-- server.node.js
|-- src/
|   |-- __tests__/
|   |-- client/
|   |-- events/
|   |-- server/
|   |-- shared/
|   `-- test-utils/
|-- test-utils.js
|-- unstable_testing.classic.fb.js
|-- unstable_testing.experimental.js
|-- unstable_testing.js
|-- unstable_testing.modern.fb.js
`-- unstable_testing.stable.js

8 directories, 25 files

同时,也可以使用更高级的 exa -T 打印树状文件。

# -T: --tree,以树状图的形式列出文件
# -L: --level,指定层级
$ exa -lah -T -L 2 packages/react-dom

作业

  1. 熟悉 cd、pwd、ls、exa、tree 等命令
  2. ls 单指令列出文件列表时为何不显示 .git 目录,应如何显示
  3. 在 Node.js 或其它语言中如何获得 pwd
  4. 在 Node.js 或其它语言中如何获得 ls 子文件列表。参考 fsp.readdirreaddir
分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改