Chrome调试Vue插件devtools

本文介绍了如何下载安装Vue的Chrome调试插件Vue Devtools,包括从GitHub获取安装包、通过npm安装依赖、修改manifest.json配置、在Chrome中加载扩展程序,并在Vue项目中成功启用Vue Devtools进行调试。
摘要由CSDN通过智能技术生成

之前一直没用过,只是看到过别人在用,今天有空,自己安装了下,发现还是有点意思的。。。。
1.下载安装包,地址https://github.com/vuejs/vue-devtools,或者你直接用git下载,cd到你下载的目录,然后执行命令

   git clone https://github.com/vuejs/vue-devtools,我是直接去git上下载安装包的,然后解压,项目目录如下:

2.win+R进入cmd模式,cd到vue-devtools-dev文件下,然后npm install,安装node_modules,这个时间较长,你可以选择用cnpm代替npm,安装完毕之后,执行npm run build,这一步不能少,否则你后台打开谷歌的开发者模式后,引入chrome文件会一直提示有background文件错误。

3.修改vue-devtools-dev\shells\chrome中的manifest.json文件,将此文件中的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值