Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Directory-tree generatorNew to Visual Studio Code? Get it now.
Directory-tree generator

Directory-tree generator

yarimit

|
1,990 installs
| (0) | Free
README.md の先頭によくあるディレクトリ構成図の作成・更新をサポートする機能拡張
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Directory tree generator

vscode-dirtree-ext/
├─ CHANGELOG.md ...... 更新履歴
├─ README.md ......... README
├─ package-lock.json . package-lock.json
├─ package.json ...... package.json
├─ tsconfig.json ..... TypeScript設定
├─ tslint.json ....... tslint設定
├─ image/ ............ README用画像
│  ├─ create.gif ..... 作成時画像
│  └─ update.gif ..... 更新時画像
└─ src/ .............. ソースコード
   ├─ extension.ts ... VSCode機能拡張のエントリポイント
   ├─ model.ts ....... モデルクラス
   └─ service.ts ..... 機能拡張メイン処理

↑のような README.md の先頭によくあるディレクトリ構成図を生成するアレ

使い方

F1でコマンドパレットを開いて起動

"DirConfGen : Create Directory Structure."

ディレクトリ構成図を生成し、カーソル位置に挿入します。

"DirConfGen : Update Dicectory Structure."

既にドキュメント中に存在するディレクトリ構成図を更新します。
記入済みのファイル/ディレクトリ説明は保持し、ディレクトリ構成図のみを更新します。

設定

dirconfgen.maxDepth

探索するディレクトリ階層数。デフォルト65535

dirconfgen.exclude

除外するファイルパターンを指定(ワイルドカード可)。 デフォルトは

setting.json

"dirconfgen.exclude" : [
    ".*",
    "node_modules"
]

です。

dirconfgen.excludeRegex

除外するファイルパターンを指定(正規表現版)。 デフォルトは

setting.json

"dirconfgen.excludeRegex" : [
]

です。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft