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 - сгенерировать файл зависимостей для проекта
Настройка
Расширение может работать в двух режимах:
Автоматическая генерация зависимостей:
- Используйте команду
Not File Graph: Generate Dependencies для создания файла dependencies.json в корне проекта
- Расширение автоматически настроит путь к файлу зависимостей
Ручная настройка:
- Создайте файл с зависимостями в формате 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
| |