component for debugging components vuex and more within an electron app
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dev
src
.babelrc
.gitignore
.npmignore
.npmrc
LICENSE
README.md
index.html
package.json
webpack.config.js

README.md

🔮 Debugger Component

demo

Install

npm install electron-vue-debugger -save-dev

component must be registered.

Vue.use(require('electron-vue-debugger'));

Add the Component to your main app file.

keepAlive will determine if the debugger keeps state when open and closed, if false, the panel does not render when not opened. This can help with performance.

<debugger :keepAlive="true" :components="$children"></debugger>

You will most likely only render this component in development so a conditional like the following will be warranted.

<debugger v-if="CONFIG.debug" :keepAlive="true" :components="$children"></debugger>

Control ⌃ + d toggle the debugger panel

thats it, enjoy...