相信經常逛技術博客或者社區的我們，經常能夠看到下面這種樹形文件目錄結構吧，那么這種文件目錄是怎么生成的呢？
一個tree命令就幫你搞定啦
├── build // 構建相關 ├── config // 配置相關 ├── src // 源代碼 │ ├── api // 所有請求 │ ├── assets // 主題 字體等靜態資源 │ ├── components // 全局公用組件 │ ├── directive // 全局指令 │ ├── filtres // 全局 filter │ ├── icons // 項目所有 svg icons │ ├── lang // 國際化 language │ ├── mock // 項目mock 模擬數據 │ ├── router // 路由 │ ├── store // 全局 store管理 │ ├── styles // 全局樣式 │ ├── utils // 全局公用方法 │ ├── vendor // 公用vendor │ ├── views // view │ ├── App.vue // 入口頁面 │ ├── main.js // 入口 加載組件 初始化等 │ └── permission.js // 權限管理 ├── static // 第三方不打包資源 │ └── Tinymce // 富文本 ├── .babelrc // babel-loader 配置 ├── eslintrc.js // eslint 配置項 ├── .gitignore // git 忽略項 ├── favicon.ico // favicon圖標 ├── index.html // html模板 └── package.json // package.json
Linus系統和windows系統下，命令還不一樣，windows系統可以直接在cmd里輸入命令，但是Linux系統和Mac需要自己配置（具體方法參考https://www.cnblogs.com/h--d/p/6507421.html）
幾個系統命令使用基本上時一樣的：
1.tree 此時展現的是所有文件夾的路徑所構成的樹
文件太多值截取了部分
2.tree /f 可以顯示所有資源(文件目錄和文件)
3.tree /a 可以顯示所有文件目錄（不包括具體文件）
4.如果想將結果儲存下來，那么使用tree > tree.txt命令，后面的txt的命名可以隨意，前面可以是自己需要的tree命令。然后tree命令執行完畢的結果就會自動保存到創建的tree.txt中。
然后打開src目錄的資源管理器，可以看到多了一個tree.txt文件
打開看一下
正好是我們要的樹形目錄結構呀，開心ヾ(●´∀｀●)
好啦，需要了解更多的tree命令可以參考大佬寫的 https://blog.csdn.net/qq_26442553/article/details/79133098
本文參考來源：https://blog.csdn.net/SilenceJude/article/details/99673949