https://github.com/Borrus-sudo/vue-generator-graph

🌌 An extension which will create a graph of a vuejs app by statically analyzing imports and auto imported components
https://github.com/Borrus-sudo/vue-generator-graph

graph visual-studio-code vscode-extension vue vuejs

Last synced: 2 months ago
JSON representation

🌌 An extension which will create a graph of a vuejs app by statically analyzing imports and auto imported components

• Host: GitHub
• URL: https://github.com/Borrus-sudo/vue-generator-graph
• Owner: Borrus-sudo
• License: mit
• Created: 2021-07-14T07:20:14.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-12-16T13:36:15.000Z (about 3 years ago)
• Last Synced: 2024-08-01T05:19:03.147Z (5 months ago)
• Topics: graph, visual-studio-code, vscode-extension, vue, vuejs
• Language: TypeScript
• Homepage:
• Size: 7.54 MB
• Stars: 59
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-hackclub - vue-generator-graph - [@Borrus-sudo](https://github.com/Borrus-sudo) - **(TypeScript)** _Creates a graph of your vuejs projects by statically analyzing imports!_ (Developer Utilities)

README

        


 

 
 vue-generator-graph 

 
 Analyzes your vuejs app and creates a dynamic graph by analyzing import relations 


# Features

- 🔍 Scans your Vue app and creates a flowchart based on it

- 🛠 Supports auto imported components as well

- 📦 Path aliases are identified by the extension too!

- 📁 Open files in your deeply nested folder structure using the graph 

- 📊 Ship off the graph as an SVG file and use it in your README for giving first-time contributors a bird's eye view of your project 

# Upvote on reddit

https://www.reddit.com/r/vuejs/comments/prnozg/vuegeneratorgraph/?utm_source=share&utm_medium=web2x&context=3

# Demo

![Feature 1](https://raw.githubusercontent.com/Borrus-sudo/vue-generator-graph/master/gifs/Example1.gif)

Evan you's https://sfc.vuejs.org vizualized!

![Feature 2](https://raw.githubusercontent.com/Borrus-sudo/vue-generator-graph/master/gifs/Example2.gif)

My website https://jsgandalf.netlify.app vizualized!

# Roadmap 

- Publish the extension

# Support me

 I am a high school student doing open sourcing. Starring the repo will encourage me to do more of this! Checkout my other projects as well and consider starring if you like it!