Chrome 安装 Vue Devtools 调试工具

源码下载地址: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 调试工具

 

 2. 执行 yarn run build 命令

Chrome 安装  Vue Devtools 调试工具

 

 打开 Chome 的 Extensions

Chrome 安装  Vue Devtools 调试工具

 

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

Chrome 安装  Vue Devtools 调试工具

 

 

Chrome 安装  Vue Devtools 调试工具

 

 

 

 Chrome 安装  Vue Devtools 调试工具

 

上一篇:vue-DevTools安装使用


下一篇:IDEA 2018中实现Springboot的 devtools 设置热部署