Vue(五)vue&chrome调试工具 devtools安装

为了方便vue项目代码的调试,安装vue.js devtools工具,步骤如下:
1、在github上下载devtools包,https://github.com/vuejs/vue-devtools
2、将下载下来的包随意放在c盘或d盘的一个位置,打开cmd,cd进入下载下来的包文件夹,
3、输入 npm install -g yarn 全局安装yarn工具,
4、输入 yarn install 运行
5、输入 yarn run build 运行
6、打开浏览器-右上角工具栏-更多工具-扩展程序:
在这里插入图片描述
点击加载已解压的扩展程序,选择之前build好的vue-devtools/packages/shell-chrome 文件夹,加载即可。
在这里插入图片描述

7、打开vue-devtools/packages/shell-chrome/manifest.json文件 修改如下:
在这里插入图片描述
修改其中的persistent:true
8、点击浏览器右上角的扩展程序,选中vue.js devtool并将其固定
在这里插入图片描述
9、打开任意一个vue程序,按F12进入调试,即可愉快的进行调试了
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值