源码下载地址:​​https://github.com/vuejs/vue-devtools​

Make sure you are using Node 6+ and NPM 3+

  1. Clone this repo
  2. ​cd vue-devtools​​ the newly created folder
  3. run ​​yarn install​
  4. then run ​​yarn run build​
  5. Open the Chrome extension page (currently under Menu > More Tools > Extensions)
  6. Check "developer mode" on the top-right corner
  7. Click the "load unpacked" button on the left, and choose the folder: ​​vue-devtools/packages/shell-chrome/​
  8. Alternatilvely to step 3, you can also use ​​yarn dev:chrome​​ to build & watch the unpacked extension

 

1.到源代码目录下执行  yarn install 命令

Chrome 安装  Vue Devtools 调试工具_Click

 

 2. 执行 yarn run build 命令

Chrome 安装  Vue Devtools 调试工具_chrome_02

 

 打开 Chome 的 Extensions

Chrome 安装  Vue Devtools 调试工具_Click_03

 

 D:\Tools\vue-devtools-dev\packages\shell-chrome

Chrome 安装  Vue Devtools 调试工具_chrome_04

 

 

Chrome 安装  Vue Devtools 调试工具_源码下载_05

 

 

 

 

Chrome 安装  Vue Devtools 调试工具_Click_06