Vue-devtool 插件问题

   浏览器装个vue-devtool，为了更好的调试，但chrome装这个插件有点复杂，网上查了多种方式，准备改为火狐了，最后还是综合多种方法得出一个完整的方案：

1、在git下载 ，

1）git clone https://github.com/vuejs/vue-devtools //这个有点慢

 2）https://gitee.com/mirrors/vue-devtools/tree/v5.1.1/ 

2、npm 安装

   npm install

   npm run build

3、在项目里找到 vue-devtools\shells\chrome 文件夹，里面有包含build文件，为build之后生成的...

其实说那么多，还不如来个压缩包实在：

https://download.csdn.net/download/aniywn219/13977958 （下载的压缩包需要解压才可通过‘添加已解压的扩展程序’安装到浏览器）

4、浏览器中安装，

添加已解压的扩展程序，选择刚才build过的目录 vue-devtools\shells\chrome或下载后的解压缩文件夹，便可安装上

 

 

主要说明： 在安装好后，如果提示不能使用，提示什么已检测到vue,Vue.js is detected on this page. Devtools inspection is not available becaus，

网上大多是找到啥安装目录，改manifest.json设置，但都未成功，后来在项目中添加 Vue.config.devtools = true; 项目中，项目中添加，即在单页面中（未模块化，html）也可以，只需加到页面script中

就能正常使用此插件，

运行效果：

爽的一批~~~