当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 下载vue.js devt-tool失败,解决方案

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

2020年07月12日  | 移动技术网IT编程  | 我要评论

          最近在学习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  报错如下:

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

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

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

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

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

 

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网