Skip to content

Chrome devtools extension for debugging Vue.js applications.

License

Notifications You must be signed in to change notification settings

teng2015/vue-devtools

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-devtools

screenshot

Works with vuex for time-travel debugging:

demo

NOTES

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

  2. For Vue version < 1.0.16, The devtool will only work with development (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. Vue 1.0.16 and 1.0.17 works with devtools in all cases.

  4. Vue 1.0.18+ devtools hooks are now disabled in production builds by default. However, you can explicitly enable it by setting:Vue.config.devtools = true

  5. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.

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.

License

MIT

About

Chrome devtools extension for debugging Vue.js applications.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 55.0%
  • Vue 40.5%
  • CSS 2.3%
  • HTML 1.9%
  • Shell 0.3%