KangaVue is a performance and debugging tool for Vue developers (currently in Beta version). It displays a snapshot whenever a target application's state is changed. It also displays key web metrics from loading of the application for SEO strategies and overal app performance.
After installing KangaVue, you can test its functionalities with your Vue application in development mode.
NOTE: The Vue Developer Tools extension is also required for KangaVue to run, if you do not already have it installed on your browser.
After installing the Chrome extension, just open up your project in the browser.
Then open up your Chrome DevTools and navigate to the KangaVue panel.
KangaVue is an open source project, and we’d really appreciate your help with improving user experience. Please, create a pull request (or issue) to propose and collaborate on changes to a repository.
You can click on the component tree tab in the navigation bar to view your app's component heirarchy. State can be visualized in a Component Graph.
When your app loads or refreshes, the initial loading metrics will be rendered in a visual display under the Web Metrics Panel. Use these metrics to pinpoint performance issues that may affect your user experience and/or search optimization efforts.
- Harry Fox - @StackOverFlowWhereArtThou
- Nathan Richardson - @BagelEnthusiast
- David Bernstein - @dangitbobbeh
- Joseph Stern - @josephiswhere)
This project is licensed under the MIT License - see the LICENSE file for details