VUE DEVTOOLS 安装方法(npm cnpm 安装失败找不到安装工具问题解决方法)

vue-devtools 安装的过程中使用npm /cnpm 直接安装会出现找不到  cannot find build-tools 的错误，网上很多方法都解决不了

下面是解决办法：亲身使用

 

解决方便其实官网已经告诉我们，我们只是嫌麻烦

官网地址：https://github.com/vuejs/vue-devtools

1、安装node.js （为了用npm）

2、安装yarn，看博

https://blog.csdn.net/yw00yw/article/details/81354533

3、clone vue-devtools 

4、在~/vue-devtools 敲安装命令

　　1) yarn install 

　　2) yarn run build  

install 会有些慢，取决与网速，也可以注册使用yarn 的淘宝镜像，step2中博客中有介绍

5、在chrom 中安装找到扩展程序（更多工具-> 扩展程序）

　　1） 打开开发者模式

　　2）加载已解压的扩展程序

　　

 

 

 　　3）找到 shell-chrome

 

 

 

　　4）安装成功后会看到vue-devtools （上图）

　6、测试

　　官方介绍：

　　yarn run dev 

　　浏览器输入  localhost:8100 最终界面。