Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Not File GraphNew to Visual Studio Code? Get it now.
Not File Graph

Not File Graph

Preview

avor0n

|
5 installs
| (0) | Free
Visualization of dependencies between files in the project
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Not File Graph

Расширение для VS Code, которое визуализирует зависимости между файлами в проекте.

Возможности

  • Визуализация зависимостей между JavaScript/TypeScript файлами в виде графа
  • Подсветка корневых узлов (файлов без зависимостей) синим цветом
  • Подсветка выбранного файла красным цветом
  • Возможность открыть файл по клику на узел графа
  • Автоматическое центрирование графа на выбранном файле
  • Автоматическая генерация файла зависимостей с помощью библиотеки dependency-tree

Команды

  • Not File Graph: Select File - открыть диалог выбора файла для построения графа
  • Not File Graph: Show Current File Graph - построить граф для текущего активного файла
  • Not File Graph: Generate Dependencies - сгенерировать файл зависимостей для проекта

Контекстное меню

В контекстном меню файлов JavaScript/TypeScript (правый клик на файле) доступны команды:

  • Not File Graph: Select File - построить граф для выбранного файла
  • Not File Graph: Generate Dependencies - сгенерировать файл зависимостей для проекта

Настройка

Расширение может работать в двух режимах:

  1. Автоматическая генерация зависимостей:

    • Используйте команду Not File Graph: Generate Dependencies для создания файла dependencies.json в корне проекта
    • Расширение автоматически настроит путь к файлу зависимостей
  2. Ручная настройка:

    • Создайте файл с зависимостями в формате JSON
    • Укажите путь к файлу в настройке not-file-graph.sourceFilePath

Формат файла зависимостей:

{
    "file1.ts": {
        "importsDeclarations": ["file2.ts", "file3.ts"],
        "reverseImports": []
    },
    "file2.ts": {
        "importsDeclarations": ["file2.ts"],
        "reverseImports": ["file1.ts"]
    },
    "file3.ts": {
        "importsDeclarations": [],
        "reverseImports": ["file1.ts", "file2.ts"]
    }
}

Требования

  • VS Code версии 1.99.0 или выше
  • JavaScript/TypeScript проект

Лицензия

MIT

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