vue-devtools（vue 2.0）手动安装与使用 ? 如何处理Vue.js is detected on this page ?

vue-devtools手动安装与使用

 

　　一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools

　　二.解压到本地的某盘

　　三.用你的npm中进入该文件夹下

　　四.依次输:

　　　　1:cnpm install

　　　　2:cnpm run build (这一步一定不要忘了，没有执行这一步的话，项目文件夹shells>chrome文件夹里会少一个src文件夹)

　　五：修改shells>chrome文件夹下的mainifest.json 中的persistant为true

　　"background": {

　　　　"scripts": [ "build/background.js" ],

　　　　"persistent": true

　　},

六：我们找到谷歌浏览器的扩展程序功能，勾选开发者模式，然后我们将插件文件夹里的shells>chorme文件夹直接拖到页面中，完成安装。

　　

七：chrome 打开开发模式即可

　　

 

注意：

　　1.如果我们没有执行第四部的npm run build，在这里会报错：无法加载背景脚本"build/background.js

　　2.Vue.js is detected on this page. 如何处理?

　　　　官方说：Devtools inspection is not available because it's in production mode or explicitly disabled by the author.

　　　　意思就是：引用的vue.js应该使用vue.js（开发版本）而不是vue.min.js（生成版本）。