Skip to content
forked from vuetwo/vuetron

An electron desktop app for testing and debugging your Vue + Vuex projects

License

Notifications You must be signed in to change notification settings

brandondanh/vuetron

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Vuetron *NOT READY FOR DEPLOYMENT

A Vue testing and debugging desktop app built on top of Electron.


Getting Started

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

Key Features

Eventstream with Time Travel Debugging:

  • Instantly time travel between previous application states, or revert a whole group of state changes at once.
time travel example
  • See 5 types of events
    • Connected to Server: Vuetron has successfully connected to the socket server.
    • State Initialized: If using Vuex, this event is displayed when the initial state is received
      • This will reinitialize if your application is refreshed, but you will not lose previous state changes
    • State Change: If using Vuex, this event is displayed for each mutation call
      • The expanded card displays each state change that occurred
    • Event Emitted: This event is displayed for every $emit call
      • The expanded card displays the name of the $emit
    • API Request / Response: If using the fetch API for requests, this event is displayed for any request sent
      • The expanded card displays the request data as well as the response data
event items example

State Subscriptions:

  • Subscribe to specific parts of your application's state for faster debugging
subscriptions example

Component Tree:

  • Visualizing your component hierarchy has never been easier.
    • Animation allows you to collapse or expand the tree for specific hierarchy views.
component tree example

Collapsable Vuex State Object:

  • View and interact with an object representation of your application's most current state.
state example

Other benefits:

  • Cross platform
    • Windows, Mac, and Linux ready.

Testing

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

Built With

  • Vue.js - The web framework used
  • Vuex - State Management
  • Vue-Router - Routing
  • Electron - Used to build desktop app
  • Socket.io - Used communicate between Vuetron and client's application

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

About

An electron desktop app for testing and debugging your Vue + Vuex projects

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.7%
  • Vue 42.6%
  • HTML 0.7%