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)加载已解压的扩展程序

  

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

 

 

   3)找到 shell-chrome

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

 

 

 

  4)安装成功后会看到vue-devtools (上图)

 6、测试

  官方介绍:

  yarn run dev 

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

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

 

 

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

 

 

 

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

 

 

  

 

相关文章:

  • 2022-12-23
  • 2021-11-17
  • 2021-04-11
  • 2021-12-25
  • 2021-10-22
  • 2021-06-16
  • 2021-06-24
猜你喜欢
  • 2021-06-06
  • 2021-12-30
  • 2022-02-16
  • 2022-01-02
  • 2021-04-19
  • 2022-12-23
  • 2022-01-07
相关资源
相似解决方案