Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/MiCottOn/DejaVue
Visualization and debugging tool built for Vue.js
https://github.com/MiCottOn/DejaVue
chrome-devtools javascript visualization vue vuejs
Last synced: 6 days ago
JSON representation
Visualization and debugging tool built for Vue.js
- Host: GitHub
- URL: https://github.com/MiCottOn/DejaVue
- Owner: MiCottOn
- License: mit
- Created: 2017-01-13T21:29:37.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-16T18:41:02.000Z (about 7 years ago)
- Last Synced: 2024-07-18T07:52:21.027Z (4 months ago)
- Topics: chrome-devtools, javascript, visualization, vue, vuejs
- Language: JavaScript
- Homepage: http://www.dejavue.co
- Size: 2.67 MB
- Stars: 787
- Watchers: 27
- Forks: 42
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - DejaVue - Vuejs可视化及压力测试 (辅助工具)
- awesome-github-vue - DejaVue - Vuejs可视化及压力测试 (辅助工具)
- awesome-github-vue - DejaVue - Vuejs可视化及压力测试 (辅助工具)
- awesome - DejaVue - Vuejs可视化及压力测试 (辅助工具)
README
# DejaVue - Vue.js visualization and stress testing
(Only works with Vue 2.0!)
## Installation
Click here to download the extension!
## Manual Installation
Make sure you are using Node 6+ and NPM 3+
1. Clone this repo
2. npm run build
3. Open Chrome extension page
4. Check "developer mode"
5. Click "load unpacked extension", and choose the entire folder.
## Building over it
1. Clone this repo
2. npm install
3. npm run dev
## Features - all work with and without a state management library (e.g. Vuex)
1. Application Structure Visualization - Interactive tree
2. Component Inspection - view props, variables and slots
3. Diff Engine - As you test see which components are being updated and what those changes are
4. Time Travel - Move backwards and forwards through your state changes and see both the tree and your application update
5. Component Highlighting - Hover over a tree leaf to highlight the component on your app
## Screenshots
## Everything else
Want to help contribute? Fork the repo and have at it!
Why and how we decided to build this
Next on the pipeline: Squashing bugs and implementing stress testing
