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