以前见别人写技术博客的时候，总是会先把最后的项目结构目录显示出来，一直不知道那些代码似的的图形结构如何生成的，今天得以有机会，寻得此招，于是乎拿来分享一下。
环境
步骤
- 首先我们用我们的 homebrew 安装我们的 插件
1
2
| # 安装 tree
brew install tree
|
- 安装结束后打开我们的目录
- 在我们的项目目录运行我们的插件
- 效果如下
我们常见的文本结构出炉了！
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
| .
├── README
│ └── 001.gif
├── README.md
├── bin
│ ├── bitmapfont
│ │ ├── test.fnt
│ │ └── test.jpeg
│ ├── fileconfig.json
│ ├── game.js
│ ├── game.json
│ ├── img_empty.jpeg
│ ├── index.html
│ ├── index.js
│ ├── js
│ │ ├── bundle.js
│ │ └── bundle.js.map
│ ├── libs
│ │ ├── bytebuffer.js
│ │ ├── domparserinone.js
│ │ ├── laya.ani.js
│ │ ├── laya.bdmini.js
│ │ ├── laya.core.js
│ │ ├── laya.d3.js
│ │ ├── laya.debugtool.js
│ │ ├── laya.device.js
│ │ ├── laya.html.js
│ │ ├── laya.log4ts.js
│ │ ├── laya.particle.js
│ │ ├── laya.pathfinding.js
│ │ ├── laya.physics.js
│ │ ├── laya.physics3D.js
│ │ ├── laya.physics3D.runtime.js
│ │ ├── laya.physics3D.wasm.js
│ │ ├── laya.puremvc.js
│ │ ├── laya.qqmini.js
│ │ ├── laya.quickgamemini.js
│ │ ├── laya.tiledmap.js
│ │ ├── laya.tweenmax.min.js
│ │ ├── laya.ui.js
│ │ ├── laya.vvmini.js
│ │ ├── laya.wxmini.js
│ │ ├── laya.xmmini.js
│ │ ├── worker.js
│ │ └── workerloader.js
│ ├── light
│ │ └── base_bg.jpg
│ ├── project.config.json
│ ├── project.swan.json
│ ├── res
│ │ ├── atlas
│ │ │ ├── comp.atlas
│ │ │ ├── comp.jpeg
│ │ │ ├── light.atlas
│ │ │ └── light.jpeg
│ │ ├── jsons
│ │ │ ├── appconfig.json
│ │ │ ├── cloud
│ │ │ │ ├── free.json
│ │ │ │ └── sharemsg.json
│ │ │ └── resconfig.json
│ │ └── particles
│ │ └── gold.part
│ ├── smile
│ │ ├── Load.json
│ │ └── Main.json
│ ├── subpackages
│ │ ├── res
│ │ │ ├── game.js
│ │ │ ├── init.js
│ │ │ ├── music
│ │ │ │ └── bgm.mp3
│ │ │ ├── sound
│ │ │ │ ├── destroy.wav
│ │ │ │ └── hit.wav
│ │ │ └── spine
│ │ │ ├── click.jpeg
│ │ │ └── click.sk
│ │ └── src
│ │ ├── game.js
│ │ └── init.js
│ ├── swan-game-adapter.js
│ ├── unpack.json
│ ├── version.json
│ └── weapp-adapter.js
├── laya
│ ├── assets
│ │ ├── bitmapfont
│ │ │ ├── test.fnt
│ │ │ └── test.jpeg
│ │ ├── comp
│ │ │ ├── btn_close.jpeg
│ │ │ ├── button.jpeg
│ │ │ ├── check_circle.jpeg
│ │ │ ├── checkbox.jpeg
│ │ │ ├── clip_num.jpeg
│ │ │ ├── clip_tree_arrow.jpeg
│ │ │ ├── clip_tree_folder.jpeg
│ │ │ ├── combobox.jpeg
│ │ │ ├── fontClip.jpeg
│ │ │ ├── fontClip_num.jpeg
│ │ │ ├── hscroll$bar.jpeg
│ │ │ ├── hscroll$down.jpeg
│ │ │ ├── hscroll$up.jpeg
│ │ │ ├── hscroll.jpeg
│ │ │ ├── hslider$bar.jpeg
│ │ │ ├── hslider.jpeg
│ │ │ ├── html.jpeg
│ │ │ ├── image.jpeg
│ │ │ ├── img_bg.jpeg
│ │ │ ├── img_bg2.jpeg
│ │ │ ├── img_bg3.jpeg
│ │ │ ├── img_bg4.jpeg
│ │ │ ├── img_bg5.jpeg
│ │ │ ├── img_blank.jpeg
│ │ │ ├── label.jpeg
│ │ │ ├── progress$bar.jpeg
│ │ │ ├── progress.jpeg
│ │ │ ├── radio.jpeg
│ │ │ ├── radiogroup.jpeg
│ │ │ ├── tab.jpeg
│ │ │ ├── textarea.jpeg
│ │ │ ├── textinput.jpeg
│ │ │ ├── vscroll$bar.jpeg
│ │ │ ├── vscroll$down.jpeg
│ │ │ ├── vscroll$up.jpeg
│ │ │ ├── vscroll.jpeg
│ │ │ ├── vslider$bar.jpeg
│ │ │ └── vslider.jpeg
│ │ └── light
│ │ ├── base_bg.jpg
│ │ ├── heitiao.jpeg
│ │ ├── logo.jpeg
│ │ ├── progress$bar.jpeg
│ │ └── progress.jpeg
│ ├── ignore.cfg
│ ├── pageStyles.xml
│ ├── pages
│ │ └── smile
│ │ ├── Load.scene
│ │ └── Main.scene
│ └── styles.xml
├── layademo-puremvc.laya
├── libs
│ ├── LayaAir.d.ts
│ ├── laya.log4ts.d.ts
│ ├── laya.puremvc.d.ts
│ ├── laya.tweenmax.min.d.ts
│ ├── layaAir.minigame.d.ts
│ ├── union.d.ts
│ └── wx.d.ts
├── src
│ ├── AppConstants.ts
│ ├── AppMediator.ts
│ ├── ApplicationFacade.ts
│ ├── GameConfig.ts
│ ├── Main.ts
│ ├── controller
│ │ ├── command
│ │ │ └── LoginCommand.ts
│ │ └── core
│ │ ├── ControllerCommands.ts
│ │ ├── ModelPrepCommand.ts
│ │ ├── StartupCommand.ts
│ │ └── ViewPrepCommand.ts
│ ├── events
│ │ ├── CustomEventConstants.ts
│ │ └── CustomEventDispatcher.ts
│ ├── model
│ │ ├── data
│ │ │ ├── GameConstans.ts
│ │ │ ├── GameData.ts
│ │ │ ├── JsonPool.ts
│ │ │ ├── MyLocalStorage.ts
│ │ │ ├── NetConstants.ts
│ │ │ ├── PayOnOff.ts
│ │ │ └── WarnCode.ts
│ │ ├── interface
│ │ │ └── MyInter.ts
│ │ ├── proxy
│ │ │ ├── BaseProxy.ts
│ │ │ ├── LoginProxy.ts
│ │ │ └── net
│ │ │ └── Https.ts
│ │ └── vo
│ │ ├── RedPoint.ts
│ │ ├── SystemInfo.ts
│ │ └── UserVO.ts
│ ├── platform
│ │ ├── BaseSDK.ts
│ │ ├── Platform.ts
│ │ └── WxSDK.ts
│ ├── ui
│ │ └── layaMaxUI.ts
│ ├── utils
│ │ ├── AppScreen.ts
│ │ ├── ContentAdapter.ts
│ │ ├── GameManager.ts
│ │ ├── Helper.ts
│ │ ├── ResConfig.ts
│ │ └── TimeTrans.ts
│ └── view
│ ├── loading
│ │ ├── LoadHelper.ts
│ │ ├── LoadingMadiator.ts
│ │ └── LoadingView.ts
│ ├── maiui
│ │ └── MainScene.ts
│ ├── rank
│ │ ├── RankDalog.ts
│ │ └── RankDialogMediator.ts
│ └── system
│ ├── GoldParticle.ts
│ ├── SystemInstance.ts
│ ├── SystemMediator.ts
│ └── WarnTips.ts
└── tsconfig.json
|
这样以后再写技术文章的时候，读者很容易有个清晰的结构了！
Tree 命令参考
-a 显示所有文件和目录。
-A 使用ASNI绘图字符显示树状图而非以ASCII字符组合。
-C 在文件和目录清单加上色彩，便于区分各种类型。
-d 显示目录名称而非内容。
-D 列出文件或目录的更改时间。
-f 在每个文件或目录之前，显示完整的相对路径名称。
-F 在执行文件，目录，Socket，符号连接，管道名称名称，各自加上”*”,”/“,”=”,”@”,”|”号。
-g 列出文件或目录的所属群组名称，没有对应的名称时，则显示群组识别码。
-i 不以阶梯状列出文件或目录名称。
-I 不显示符合范本样式的文件或目录名称。
-l 如遇到性质为符号连接的目录，直接列出该连接所指向的原始目录。
-n 不在文件和目录清单加上色彩。
-N 直接列出文件和目录名称，包括控制字符。
-p 列出权限标示。
-P 只显示符合范本样式的文件或目录名称。
-q 用”?”号取代控制字符，列出文件和目录名称。
-s 列出文件或目录大小。
-t 用文件和目录的更改时间排序。
-u 列出文件或目录的拥有者名称，没有对应的名称时，则显示用户识别码。
-x 将范围局限在现行的文件系统中，若指定目录下的某些子目录，其存放于另一个文件系统上，则将该子目录予以排除在寻找范围外。
PS: 今天编译的时候遇到一个Hexo错误
1
| YAMLException: can not read a block mapping entry; a multiline key may not be an implicit key at line 5, column 5:
|
原因：YUML语法要求key:后面需要加一个空格，然后再接上vlue
这个原来是写 分类的时候 “:” 后没有空格 加上空格就解决了。
参考链接