Vue.jsdevtool插件下载安装及后续问题解决
在中国，你是⽆法使⽤⾕歌应⽤商店，所以你下载插件，要使⽤⼀些别的⼿段，⼀种是下载源码编译，另⼀种是通过第三⽅⽹站。第⼀种不适合⼩⽩，所以现在介绍第⼆组。
下载插件⽹站
建议使⽤第⼀个⽹址，插件与应⽤商店同步更新，打开⽹站后，搜索“Vue.js devtool”。下载后⽂件如下。
安装⽅法
1、在浏览器中打开，更多⼯具-扩展程序vuejs流程图插件
2、在把刚刚下载的⽂件拖进打开的页⾯中。
3、安装后页⾯如下。同时勾选“开发者模式”。此时会出现插件id：nhdogjmejiglipccpnnnanhbledajbpd。注意，建议勾选“允许访问⽂件⽹址”，这个可以允许插件对本地⽂件进⾏调试。如：file:///D:/Vue2.x/BookExample/01.hello.html。
4、使⽤id搜索，⼀般在C盘。选择并打开对应的⽂件夹。
5、（可选配置）打开⽂件夹后，修改两个⽂件。打开⽂件manifest.json，把"persistent": false改成"persistent": true；打开⽂件fig.js，把NODE_ENV: '"production"'改成 NODE_ENV: '"development"'。
manifest.json
6、点击“F12”，在调试⼯作中出现vue⼯具，如下图。现在就可以调试了。
安装后不能执⾏的解决⽅案
问题1：提⽰Vue.js not detected
解决⽅法：
（1）你的页⾯没有导⼊vue.js⽂件，或者不是vue应⽤。
问题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.
解决⽅法：
（1）检查⾃⼰是否使⽤压缩后的js，vue.min.js，使⽤压缩后的js⽂件，会失去错误提⽰和警告。也可能会导致上⾯的问题。
（2）尝试安装⽅法中的第5步中的配置。
作者：南昌⼤魔王
链接：www.jianshu/p/01a61c8c722f
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，⾮商业转载请注明出处。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。