/vue-devtools

Chrome devtools extension for debugging Vue.js applications.

Primary LanguageJavaScript

vue-devtools

screenshot

NOTES

  1. The new vue-devtools only works with Vue.js 1.0.0+.

  2. The devtool will only work with non-minified versions of Vue, because the devtools hooks are stripped in production builds. This also includes builds produced by Webpack and Browserify in production mode.

  3. Devtools cannot access pages via file:// protocol. You need to serve the page over HTTP in order to use it.

Installation

Currently only a Chrome devtools extension is available.

Get it on the Chrome Web Store.

Manual Installation

  1. Clone this repo
  2. npm install
  3. npm run build
  4. Open Chrome extension page
  5. Check "developer mode"
  6. Click "load unpacked extension", and choose shells/chrome.

Hacking

  1. Clone this repo
  2. npm install
  3. npm run dev
  4. A plain shell with a test app will be available at localhost:8080.