$ npm i -g graph2app-drawio2vuejs
Before starting you can read the medium article for a step by step guide:
https://medium.com/@FrancescoZ/from-draw-io-to-vue-js-app-c0f84ede8383
Or watch this little demo:
https://www.youtube.com/watch?v=ktnOmnHjDns&feature=youtu.be
Go to draw.io create a new file and use the UML objects in order to create your components tree. Be aware, use only the labelled as an object (the fist one).
You can use arrows to link the components, the relation parent-children is express by having an arrow from the children to the parent
If you want to also inclued a file into your component you need to use the specific arrow use
That means that, for example, the file Home.vue will import file User.vue.
Once you have finished your application you must export it as XML not compressed
Then, to create your components, open the terminal and type
drawio2vuejs --xml=<pathToYourXml> --dist=<pathToYourVuejsApp>
For help
You can fast use the vue-cli in order to create an app and then use our program to ovveride App.vue and the components folder.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4