A tool for testing and debugging Vue.js applications.

是一個可以幫助您 Vue.js 的項目測試及偵錯的工具, 也同時支持 Vuex及 Vue-Router.

Why Vuetron? 我們為什麼用 Vuetron?

We really like the current Vue dev tools for chrome and wanted a way to extend that functionality by hooking onto the vue application itself, so we built Vuetron! Like the Developer Tools, you’re still able to view emitted events, view application state, and time travel debug. With Vuetron you have the added the ability to subscribe to specific state variables, observe API requests and responses, and visualize the component structure of your application giving you a larger toolkit for testing and debugging your Vue.js application.

Getting Started

To use Vuetron, you will need both the desktop application and node module in your Vue project. You can find the app download and installation instructions here.

Key Features

Eventstream with Time Travel Debugging:

time travel example
event items example

State Subscriptions:

subscriptions example

Component Tree:

component tree example

Collapsable Vuex State Object:

state example

Other benefits:

Try it out

If you want to test out Vuetron before you commit to installing it in your project, you can fork or clone our example app with the plugins pre-configured. (Vuetron app download required separately)

Testing

Read the TESTING.md file for more information on running tests.

Built With

Contributing

Found a bug? Have a suggestion? Feel free to submit issues!

Please read CONTRIBUTING.md for details on our code of conduct and the process for submitting pull requests if you’re interesting in contributing to this project!

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.txt file for details

Acknowledgments