vue-component-graph v1.0.2

vue-component-graph

!!! THIS IS JUST A PROOF OF CONCEPT AND BY NO MEANS A FINISHED PRODUCT !!!

Create a dependency graph of your Vue project.
To display the markdown file mermaidjs is required.

Example

Simple Graph

Full Graph

Installation

npm -g install vue-component-graph

Usage

Create a graph in the current folder from all subfolders:

vue-component-graph

Create SIMPLE graph from current folder, specify output path and project name:

vue-component-graph --path=<your_output_path> --project=<your_project_name

Create FULL graph from current folder, specify output path and project name:

vue-component-graph --path=<your_output_path> --project=<your_project_name --full

Usage in JetBrains WebStorm

1. Install npm -g install vue-component-graph
2. In WebStorm settings create a new External Tool
3. Arguments: --project=$ProjectName$ for --path you might want to specify the IDE scratch directory
4. Working directory: $ProjectFileDir$
5. Output Filter: $FILE_PATH$.*
6. Customize your toolbar to get quick access to the tool