Flutter 生成导出目录结构

Flutter快速取到项目目录结构

---

---

前言

最近有空想把项目中的目录整理出来，然后在对应的模块上增加备注，以便后续的开发工作。其实整个项目的文件目录还是很多的，如何能快速取到项目目录结构，又不用一个个去搬砖呢？答案是有更方便的脚本代码。

---

一、安装tree-node-cli

安装命令：

 npm install -g tree-node-cli

卸载命令，如果你不想用了可以这样操作：

npm uninstall -g tree-node-cli

二、解决报错

1.可能出现报错

在使用 npm install -g tree-node-cli命令时，可能报错：

npm ERR! Error: EACCES: permission denied, access '/Users/xxx/xxx'

npm ERR!  { Error: EACCES: permission denied, access '/Users/xxx/xxx'

npm ERR!   stack: 'Error: EACCES: permission denied, access '/Users/xxx/xxx''

这是因为没有权限引起的，解决方法：命令前加上 sudo

sudo npm install -g tree-node-cli

2.安装成功

如下显示安装成功：

三、使用

1.打开终端

这里是你想要导出目录项目地址

cd /Users/xxx/Documents/xxx 

2.执行命令

treee -L 3 -I "node_modules|.idea|objects|.git" -a --dirs-first

3.命令解释

 1. treee：windows用户需要用treee代替tree，避免和系统的tree命令冲突
 2. -L 3：指定路径的级别为3级
 3. -I "node_modules|.idea|objects|.git"： 忽略文件夹（正则表达式匹配的，.git会匹配到.gitignore,所以.gitignore文件没有显示出来）
 4. -a：显示所有文件（默认前缀有"."的不会显示，例如".electron-vue"）
 5. --dirs-first：目录在前，文件在后（默认是字母排序，和idea显示的顺序不一致）

4.其他命令

-V, --version             输出版本号
-a, --all-files           打印所有文件，包括隐藏文件
--dirs-first              目录在前，文件在后
-d, --dirs-only           仅列出目录
-I, --exclude [patterns]  排除与模式匹配的文件。用 | 隔开,用双引号包裹。 例如 “node_modules|.git”
-L, --max-depth <n>       目录树的最大显示深度
-r, --reverse             按反向字母顺序对输出进行排序
-F, --trailing-slash      为目录添加'/'
-h, --help                输出用法信息

四、效果

lib
├── assets
│   └── ic_comment_delete.svg
├── base
│   ├── base_page
│   └── router
├── common
├── data_file
│   ├── follow_list.json
│   └── home_list.json
├── generated
│   ├── intl
│   ├── assets.dart
│   └── l10n.dart
├── l10n
│   ├── intl_en.arb
│   ├── intl_en_GB.arb
│   └── intl_zh_Hans_CN.arb
├── modules
│   ├── blue
│   ├── dart
│   ├── follow
│   ├── home
│   ├── inherit
│   ├── interview
│   ├── keybord
│   ├── mine
│   └── tab
└── main.dart

---

总结

以上就是今天要讲的内容，本文介绍了flutter项目如何导出目录结构。希望文章对你有所帮助，后续继续完善。