Skip to content

Chrome devtools extension for debugging Vue.js applications.

Notifications You must be signed in to change notification settings

defconcepts/vue-devtools

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

99 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Chrome devtools extension for debugging Vue.js applications.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 54.3%
  • Vue 39.3%
  • CSS 3.5%
  • HTML 2.9%