Google浏览器中安装vue-devtools过程记录

12 篇文章 0 订阅

1.git上下载vue-devtools项目
https://github.com/vuejs/vue-devtools
2.下载完成后解压,进入到vue-devtools根目录,分别执行以下命令

cd vue-devtools
npm install
npm run build

3.npm run build 命令后,在此目录下vue-devtools-dev\shells\chrome,生成了插件相关文件,打开Google浏览器一个空白界面,依次点击浏览器右边的3个点位置,更多工具–>扩展程序–>打开右上角的开发者模式–>加载已解压的扩展程序–>选择此文件夹vue-devtools-dev\shells\chrome–>完成
4.打开一个vue项目,F12调出调试工具菜单栏,vue即可出现在调试工具菜单栏,
若没有显示,进入至vue-devtools-dev项目根目录,执行npm run dev命令,关闭浏览器,重新打开,重新打开一个vue项目,就会出现此vue菜单了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值