vue-devtools在 npm run build 失败

小编最近在学习vue相关的知识，但刚开始就卡在了vue的调试工具上，很苦恼。直接上链接吧：→ 推荐大神解决的文章

小编极力喜欢这种方式，解决了我遇到的问题，如果你也与我遇到同样问题也可以点击大神链接。（先安装了node.js）首先大神是在下载好的nodejs\node_modules目录下进行直接npm安装vue-devtools，安装成功后在此目录下会又vue-devtools文件。

然后，我就成功了！！！开心

 

接下来就是我搜到的大多数的版本：：：：如果能帮助大家就好，但是我失败了。

小编出现的问题是：按照→诸如此类的安装方式，大家成功了，我失败了！很苦恼。

1.  首先点击git的链接下载vue-devtools；

2.  其次npm install，按照以下操作：

3.  接下来就是更改chrome下的manifest.json文件：

4.  最后 就是npm run build就ok了。（从此处开始就没成功过，一直卡在这里，估计哪个文件的问题，但一直找不出来原因，就用→文章第一行⬅的那个大神文章解决地，简单易懂。首先得先安装node.js）

5.  Chrome浏览器 >  更多程序 > 拓展程序 ；之后点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图（网上找的，自己没有成功）

如果，大家有什么建议，也可以给我分享一下♥

 

后续中出现问题：

1. 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是压缩版的，会默认关闭调试，需要另引入vue.js插件（亲测已成功）。