欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

下载vue.js devt-tool失败,解决方案

程序员文章站 2022-09-14 15:38:37
最近在学习Vue,为了便于开发,于是在chrome浏览器上安装vue-devtools,Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。按照网上最常见的方法。第一步:首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools第二步:将下载下来的压缩包解压到本地(路径最好为全英文)第三步:打开命令行,cd到解压后......

          最近在学习Vue,为了便于开发,于是在chrome浏览器上安装vue-devtools,Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。按照网上最常见的方法。

第一步:首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools

第二步:将下载下来的压缩包解压到本地(路径最好为全英文)

第三步:打开命令行,cd到解压后的文件目录下,执行 npm install

第四步:执行npm run build

第五步:可以看到文件目录下,多出了一个 shells目录,修改shells/chrome目录下的mainifest.json 中的persistant为true

第六步:打开Chrome浏览器 >  更多工具 > 拓展程序 ,点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入。

      但是我在第四步就出现问题了,执行   npm run build  报错如下:

下载vue.js devt-tool失败,解决方案

网上找了很多方法都无法解决。然后发现了更简单的安装方法,特此来分享。

1、进入  https://chromecj.com/Handler/Download/1695 下载压缩包

2、打开chrome浏览器,找到扩展程序打开

下载vue.js devt-tool失败,解决方案

3、将下载下来的压缩包解压,将解压后的文件夹放入扩展程序

4、打开chrome商店,在搜索栏输入:vue.js devtools 然后启用,就成功了。

下载vue.js devt-tool失败,解决方案

 

本文地址:https://blog.csdn.net/qq_40871196/article/details/107290338