使用tree生成目录树结构

1.  D:\公开课\2019\react\myfirstreactapp>tree /?
2.  以图形显示驱动器或路径的文件夹结构。
4.  TREE [drive:][path] [/F] [/A]
6.  /F 显示每个文件夹中文件的名称。
7.  /A 使用 ASCII 字符，而不使用扩展字符(会把当前目录下的结构给展出来)。
8.  TREE [drive:][path] [/F] [/A]

│ │ README.md
│ │
│ ├─regexpu-core
│ │ │ LICENSE-MIT.txt
│ │ │ package.json
│ │ │ README.md
│ │ │ rewrite-pattern.js
│ │ │
│ │ └─data
│ │ character-class-escape-sets.js
│ │ iu-mappings.js
│ │
│ ├─regjsgen
│ │ LICENSE
│ │ package.json
│ │ README.md
│ │ regjsgen.js
│ │
│ ├─regjsparser
│ │ │ CHANGELOG
│ │ │ LICENSE.BSD
│ │ │ package.json
│ │ │ parser.js
│ │ │ README.md
│ │ │
│ │ ├─bin
│ │ │ parser
│ │ │
│ │ └─node_modules
│ │ ├─.bin
│ │ │ jsesc
│ │ │ jsesc.cmd
│ │ │
│ │ └─jsesc
│ │ │ jsesc.js
│ │ │ LICENSE-MIT.txt
│ │ │ package.json
│ │ │ README.md
│ │ │
│ │ ├─bin
│ │ │ jsesc
│ │ │
│ │ └─man
│ │ jsesc.1
│ │

D:\公开课\2019\react\myfirstreactapp>tree /A
卷 Data 的文件夹 PATH 列表
卷序列号为 5A50-E210
D:.
+---node_modules
| +---.bin
| +---@babel
| | +---code-frame
| | | \---lib
| | +---core
| | | +---lib
| | | | +---config
| | | | | +---files
| | | | | +---helpers
| | | | | \---validation
| | | | +---tools
| | | | \---transformation
| | | | +---file
| | | | \---util
| | | \---node_modules
| | | +---.bin
| | | \---semver
| | | \---bin

tree /f > 指定输出的文件(一般为txt格式或者readme文档)

tree /f > list.txt

itclancode@LAPTOP-1CS413BU MINGW64 /d/公开课/2019/react/myfirstreactapp
$ tree --help
usage: tree [-adfghilnpqrstuvxACDFNS] [-H baseHREF] [-T title ] [-L level [-R]]
 [-P pattern] [-I pattern] [-o filename] [--version] [--help] [--inodes]
 [--device] [--noreport] [--nolinks] [--dirsfirst] [--charset charset]
 [--filelimit #] [<directory list>]
 -a All files are listed(列出所有文件).
 -d List directories only(只列出目录).
 -l Follow symbolic links like directories.(遵循象目录这样的符号链接)
 -f Print the full path prefix for each file(打印每个文件的完整路径前缀).
 -i Don't print indentation lines()不要打印压痕线.
 -q Print non-printable characters as '?'.(将不可打印字符打印为'?'。)
 -N Print non-printable characters as is.(按原样打印不可打印字符)
 -p Print the protections for each file.(打印每个文件的保护)
 -u Displays file owner or UID number(显示文件所有者或UID号).
 -g Displays file group owner or GID number.(显示文件组所有者或GID编号)
 -s Print the size in bytes of each file.(打印每个文件的字节大小)
 -h Print the size in a more human readable way.(以更容易被人阅读的方式打印尺寸)
 -D Print the date of last modification.(打印上次修改的日期)
 -F Appends '/', '=', '*', or '|' as per ls -F.(根据ls -F添加'/'、'='、'*'或'|'。)
 -v Sort files alphanumerically by version.(按版本对文件进行字母数字排序)
 -r Sort files in reverse alphanumeric order.(按字母数字倒序排列文件。)
 -t Sort files by last modification time.(按上次修改时间排序文件)
 -x Stay on current filesystem only.(只保留当前文件系统)
 -L level Descend only level directories deep.(只向下深入到级别目录)
 -A Print ANSI lines graphic indentation lines.(打印ANSI线图形压痕线)
 -S Print with ASCII graphics indentation lines.(用ASCII图形缩进行打印)
 -n Turn colorization off always (-C overrides).(始终关闭着色(-C覆盖))
 -C Turn colorization on always.(始终打开彩色化)
 -P pattern List only those files that match the pattern given.(只列出与给定模式匹配的文件)
 -I pattern Do not list files that match the given pattern.(不要列出与给定模式匹配的文件)
 -H baseHREF Prints out HTML format with baseHREF as top directory.(打印出以baseHREF作为顶部目录的HTML格式)
 -T string Replace the default HTML title and H1 header with string.(用字符串替换默认的HTML标题和H1标题)
 -R Rerun tree when max dir level reached.(当达到最大dir级别时重新运行树)
 -o file Output to file instead of stdout.(输出到文件而不是stdout。)
 --inodes Print inode number of each file.(打印每个文件的inode编号)
 --device Print device ID number to which each file belongs.(打印每个文件所属的设备ID号)
 --noreport Turn off file/directory count at end of tree listing.(在树列表末尾关闭文件/目录计数)
 --nolinks Turn off hyperlinks in HTML output(关闭HTML输出中的超链接).
 --dirsfirst List directories before files.(在文件之前列出目录)
 --charset X Use charset X for HTML and indentation line output.(使用charset X作为HTML和缩进行输出)
 --filelimit # Do not descend dirs with more than # files in them.(不要下载包含超过#文件的dirs)

$ npm install --global treer
# or globally
$ npm install -g treer

D:\公开课\2019\react\myfirstreactapp>treer --help
Usage: index [options]
Options:
 -V, --version output the version number
 -d, --directory [dir] Please specify a directory to generate structure tree (default:请指定生成结构的目录 "D:\\公开课\\2019\\react\\myfirstreactapp")
 -i, --ignore [ig] You can ignore specific directory name(通过这个参数可以忽略特定的文件目录名称)
 -e, --export [epath] export into file(输出制定的文件)
 -h, --help output usage information 输出使用文档信息

D:\公开课\2019\react\myfirstreactapp>treer -V
1.0.4

D:\公开课\2019\react\myfirstreactapp>treer -d > result.txt
D:\公开课\2019\react\myfirstreactapp>editplus result.txt(注意在命令行下如果没有进行配置,是不行的，需要进行坏境变量配置一下的)

D:\公开课\2019\react\myfirstreactapp>treer -e ./result.txt -i node_modules
D:\公开课\2019\react\myfirstreactapp
├─.gitignore
├─package-lock.json
├─package.json
├─README.md
├─test.txt
├─src
| ├─App.css
| ├─App.js
| ├─App.test.js
| ├─index.css
| ├─index.js
| ├─logo.svg
| ├─serviceWorker.js
| ├─view
| | └home.js
| ├─components
| | └test.txt
├─public
| ├─favicon.ico
| ├─index.html
| └manifest.json
The result has been saved into ./result.txt

D:\公开课\2019\react\myfirstreactapp
├─.gitignore ------------------------------ 忽略配置,将本地代码上传到代码仓库时,要忽略的文件,例如node_modules
├─package-lock.json ----------------------- 项目文件名称,依赖包,对整个文件的描述，node里面的一些内容，让你的项目变成一个node包,脚手架自动生成的文件
├─package.json ---------------------------- 对整个应用程序的描述,应用名称,版本号,一些依赖包,以及项目的启动,打包，测试配置
├─README.md ------------------------------- 说明文档
├─src ------------------------------------- 这个是我们最应该关注的，开发过程中最重要的一个目录,项目所用的所有源代码
|  ├─App.css ------------------------------ App应用组件的样式
|  ├─App.js ------------------------------- App应用组件的逻辑代码,构成一个react组件的基本组成部分
|  ├─App.test.js -------------------------- App自动化测试文件
|  ├─index.css ---------------------------- 首页index的样式
|  ├─index.js ----------------------------- 整个程序运行的入口文件
|  ├─logo.svg ----------------------------- 图标,资源
|  ├─serviceWorker.js --------------------- 引入这个是为了帮助我们借助网页去写手机app应用这样的一个功能,如果上传到https协议的服务器上,在断网的情况下,依然可以看到之前的页面
|  ├─view
|  |  └home.js
|  ├─components
|  |     └test.txt
├─public ---------------------------------- 公共部分
|   ├─favicon.ico ------------------------- icon图标
|   ├─index.html -------------------------- 主页面,首页的模板
|   └manifest.json ------------------------ 定义成app应用的方式来使用,快捷方式的图标,可以配置icons，定义快捷方式的图标,定义快捷方式跳转的网址到哪里,主题颜色

npm install -g tree-node-cli
或者
npm install --global tree-node-cli

itclancode@LAPTOP-1CS413BU MINGW64 /d/公开课/2019/react/myfirstreactapp
$ tree --help
Usage: tree [options]
Options:
 -V, --version output the version number
 -a, --all-files All files, include hidden files, are printed.
 --dirs-first List directories before files.
 -d, --dirs-only List directories only.
 -I, --exclude [patterns] Exclude files that match the pattern. | separates alternate patterns. Wrap your entire pattern in double quotes. E.g. `"node_modules|coverage".
 -L, --max-depth <n> Max display depth of the directory tree.
 -r, --reverse Sort the output in reverse alphabetic order.
 -F, --trailing-slash Append a '/' for directories.
 -h, --help output usage information

$ tree -L 2 -I "node_modules"
myfirstreactapp
├── DOS使用文档.txt.bak
├── package-lock.json
├── package.json
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
├── README.md
└── src
 ├── App.css
 ├── App.js
 ├── App.test.js
 ├── components
 ├── index.css
 ├── index.js
 ├── logo.svg
 ├── serviceWorker.js
 └── view

tree -L 3 -I "node_modules" > tree.md

$ cat tree.md
myfirstreactapp
├── DOS使用文档.txt.bak
├── package-lock.json
├── package.json
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
├── README.md
├── src
│ ├── App.css
│ ├── App.js
│ ├── App.test.js
│ ├── components
│ │ └── test.txt
│ ├── index.css
│ ├── index.js
│ ├── logo.svg
│ ├── serviceWorker.js
│ └── view
│ └── home.js
└── tree.md

tree -l 3 -o out.txt -d

itclancode@LAPTOP-1CS413BU MINGW64 /d/公开课/2019/react/myfirstreactapp
$ treee --help
 List contents of directories in tree-like format.
 tree - list contents of directories in tree-like format
 Tree is a recursive directory listing program that
 produces a depth indented listing of files.
 With no arguments, tree lists the files in the
 current directory. When directory arguments are
 given, tree lists all the files and/or directories
 found in the given directories each in turn. Upon
 completion of listing all files/directories found,
 tree returns the total number of files and/or
 directories listed.
 USAGE
 tree <options>
 OPTIONS:
 --help
 outputs a verbose usage listing.
 --version
 outputs the version of tree-cli.
 --debug
 show debug info.
 --ignore
 ignores directory or file you specify.
 --fullpath
 prints the full path prefix for each file.
 --noreport
 omits printing of the file and directory report at the
 end of the tree listing and omits printing the tree on
 console.
 -a
 all files are printed. By default tree does not print
 hidden files (those beginning with a dot '.'). In no
 event does tree print the file system constructs '.'
 (current directory) and '..' (previous directory).
 -d
 list directories only.
 -f
 append a '/' for directories, a '=' for socket files
 and a '|' for FIFOs
 -i
 makes tree not print the indentation lines, useful
 when used in conjunction with the -f option.
 -l
 max display depth of the directory tree.
 -o
 send output to filename.
 EXAMPLE:
 $ tree
 $ tree -l 2, -o out.txt --ignore [node_modules, test] -d --noreport