project-tree插件生成项目目录结构,略指定文件夹

搜索下载

project-tree插件生成项目目录结构,略指定文件夹_第1张图片

使用

先把项目直接放到vscode里
project-tree插件生成项目目录结构,略指定文件夹_第2张图片

快捷键打开
ctrl+shift+p

输入project tree
点击使用
project-tree插件生成项目目录结构,略指定文件夹_第3张图片

直接在项目的README.md文件里生成项目目录树
project-tree插件生成项目目录结构,略指定文件夹_第4张图片

router-admin
├─ .browserslistrc
├─ .editorconfig
├─ .eslintrc.js
├─ .git
│  ├─ COMMIT_EDITMSG
│  ├─ config
│  ├─ description
│  ├─ HEAD
│  ├─ hooks
│  │  ├─ applypatch-msg
│  │  ├─ applypatch-msg.sample
│  │  ├─ commit-msg
│  │  ├─ commit-msg.sample
│  │  ├─ fsmonitor-watchman.sample
│  │  ├─ post-applypatch
│  │  ├─ post-checkout
│  │  ├─ post-commit
│  │  ├─ post-merge
│  │  ├─ post-receive
│  │  ├─ post-rewrite
│  │  ├─ post-update
│  │  ├─ post-update.sample
│  │  ├─ pre-applypatch
│  │  ├─ pre-applypatch.sample
│  │  ├─ pre-auto-gc
│  │  ├─ pre-commit
│  │  ├─ pre-commit.sample
│  │  ├─ pre-merge-commit.sample
│  │  ├─ pre-push
│  │  ├─ pre-push.sample
│  │  ├─ pre-rebase
│  │  ├─ pre-rebase.sample
│  │  ├─ pre-receive
│  │  ├─ pre-receive.sample
│  │  ├─ prepare-commit-msg
│  │  ├─ prepare-commit-msg.sample
│  │  ├─ push-to-checkout
│  │  ├─ push-to-checkout.sample
│  │  ├─ sendemail-validate
│  │  ├─ update
│  │  └─ update.sample
│  ├─ index
│  ├─ info
│  │  └─ exclude
│  ├─ logs
│  │  ├─ HEAD
│  │  └─ refs
│  │     └─ heads
│  │        └─ master
│  ├─ objects
│  │  ├─ 14
│  │  │  ├─ 6059cd79b401f7420d56d9e85201be53477830
│  │  │  └─ 9aed7cc749ee218f75ab8b457d9cf8b8259374
│  │  ├─ 21
│  │  │  └─ 4388fe43cdfd7ce1c29cd3e401541ded620dba
│  │  ├─ 2c
│  │  │  └─ a3682b8957f16d8757ab5abdfe0e540cc25b76
│  │  ├─ 3e
│  │  │  └─ 5a13962197105f2078d2a224cc57dfa09b4893
│  │  ├─ 3f
│  │  │  └─ a28070de24f2055171ca2e20543881cb7fdf1c
│  │  ├─ 40
│  │  │  ├─ 0281231731c6acd6906c95bb3df5664d4f6660
│  │  │  └─ 3adbc1e527906a4aa59558cd582c20bcd1d738
│  │  ├─ 4a
│  │  │  └─ afc5f6ed86fe6dff8d4b6be59290cbdeb61656
│  │  ├─ 62
│  │  │  └─ 0039a03c9bf24a53e35f334896739cd608edbf
│  │  ├─ 65
│  │  │  ├─ 10c6a45035b6573151ff6196e4bdea78deb75d
│  │  │  └─ 9607daa329e1a2c850ffa76cdcf3151cace807
│  │  ├─ 70
│  │  │  └─ 53c49a045c91bd8b3015c1cf3d1f6da21660d8
│  │  ├─ 71
│  │  │  └─ 5fb3aa0a275f6cf3d7f4183fa8514586f4a5c1
│  │  ├─ 91
│  │  │  └─ 0e297e0f53483455d2aa432887c3b7975d6c11
│  │  ├─ 92
│  │  │  └─ 4624515c356231d01060e82a207c50fdaed7c2
│  │  ├─ 99
│  │  │  └─ bf960e214e73e5513e054ac34c331b6d4b1a46
│  │  ├─ a3
│  │  │  └─ 95a1f86f47699521a7794a3e18b6f8e3fe342d
│  │  ├─ a8
│  │  │  └─ 63a77d652d13038d14258c79d8ef074cdab33d
│  │  ├─ c5
│  │  │  └─ abe1b7c8f4f7ac03402f714f5ade2ec955f7d6
│  │  ├─ dc
│  │  │  └─ 9190c3294d317becc9f871fa60c9bbbd7e5cc0
│  │  ├─ df
│  │  │  └─ 36fcfb72584e00488330b560ebcf34a41c64c2
│  │  ├─ e8
│  │  │  └─ d96d7a7049d1ddda2073b5bed757935fc35fbc
│  │  ├─ e9
│  │  │  └─ 558405fdcc02f12d757acb308e02937a7444f1
│  │  ├─ ed
│  │  │  └─ bc5342da1bcbb653db78d2369349c286138029
│  │  ├─ f3
│  │  │  └─ d2503fc2a44b5053b0837ebea6e87a2d339a43
│  │  ├─ fb
│  │  │  └─ d2adb37d6a55da58d290121c2d087d7a3dd7df
│  │  ├─ info
│  │  └─ pack
│  └─ refs
│     ├─ heads
│     │  └─ master
│     └─ tags
├─ .gitignore
├─ babel.config.js
├─ jsconfig.json
├─ package-lock.json
├─ package.json
├─ public
│  ├─ favicon.ico
│  └─ index.html
├─ README.md
├─ src
│  ├─ App.vue
│  ├─ assets
│  │  ├─ css
│  │  │  ├─ bootstrap.css
│  │  │  └─ bootstrap.css.map
│  │  ├─ heima.png
│  │  └─ logo.png
│  ├─ components
│  │  ├─ menus
│  │  │  ├─ MyGoods.vue
│  │  │  ├─ MyOrders.vue
│  │  │  ├─ MyRights.vue
│  │  │  ├─ MySettings.vue
│  │  │  └─ MyUsers.vue
│  │  ├─ MyHome.vue
│  │  ├─ MyLogin.vue
│  │  ├─ subcomponents
│  │  │  ├─ MyAside.vue
│  │  │  └─ MyHeader.vue
│  │  └─ user
│  │     └─ MyUserDetail.vue
│  ├─ index.css
│  ├─ main.js
│  └─ router
│     ├─ index.js
│     └─ pathArr.js
└─ vue.config.js

但是它把本地.git文件里的目录也给打印出来了,但是我们不需要这个目录树,
我们在项目的忽略文件里,写上要或忽略的文件或文件夹。
project-tree插件生成项目目录结构,略指定文件夹_第5张图片

关于或略文件怎么写,可以看看git忽略文件

再次快捷键

ctrl+shift+p

输入project tree
点击使用

README.md文件里生成新的打印,这样就清爽多了

router-admin
├─ .browserslistrc
├─ .editorconfig
├─ .eslintrc.js
├─ babel.config.js
├─ jsconfig.json
├─ package-lock.json
├─ package.json
├─ public
│  ├─ favicon.ico
│  └─ index.html
├─ README.md
├─ src
│  ├─ App.vue
│  ├─ assets
│  │  ├─ css
│  │  │  ├─ bootstrap.css
│  │  │  └─ bootstrap.css.map
│  │  ├─ heima.png
│  │  └─ logo.png
│  ├─ components
│  │  ├─ menus
│  │  │  ├─ MyGoods.vue
│  │  │  ├─ MyOrders.vue
│  │  │  ├─ MyRights.vue
│  │  │  ├─ MySettings.vue
│  │  │  └─ MyUsers.vue
│  │  ├─ MyHome.vue
│  │  ├─ MyLogin.vue
│  │  ├─ subcomponents
│  │  │  ├─ MyAside.vue
│  │  │  └─ MyHeader.vue
│  │  └─ user
│  │     └─ MyUserDetail.vue
│  ├─ index.css
│  ├─ main.js
│  └─ router
│     ├─ index.js
│     └─ pathArr.js
└─ vue.config.js

你可能感兴趣的:(vscode)