1、Vue Devtools 下载网址  https://github.com/vuejs/vue-devtools

2、点击download        

Vue调试工具--Vue Devtools 的安装

3、进入文件夹(下载好的)Ctrl  +  shift  + 鼠标右键,找在此处打开命令窗口,进入cmd命令模式

Vue调试工具--Vue Devtools 的安装

      运行npm  install   或  cnpm  install 或 yarn  install  或   brower  install

       运行完再运行  npm  run  build

       (用npm 会有点慢)

4、下载完成后解压,找个地方存放此文件(不要删掉),找到文件夹下shells\chrome下的mainifest.json文件;修改persistant为true:(我的在31行)

Vue调试工具--Vue Devtools 的安装

5、打开谷歌浏览器的扩展程序(如图)  

Vue调试工具--Vue Devtools 的安装

      点击 “加载已解压的扩展程序” ,勾选开发者模式,选择文件夹下shells下的chrome文件夹(vue-devtools-dev\shells\chrome)

Vue调试工具--Vue Devtools 的安装

OK 结束

相关文章: