vue调试神器之vue-devtools

本文介绍了vue-devtools这一专门调试vue项目的工具,安装成功后可在线便捷调试vue项目。因政策原因,谷歌插件不能直接安装,可翻墙或本地下载安装,文中给出了通过github下载、安装依赖、打包及在谷歌浏览器安装插件的具体步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

介绍

vue-devtools 是专门调试vue项目的调试工具,安装成功之后,右边会出现一个vue,就可以在线可以调试vue了,非常便捷。

安装

由于政策原因,谷歌的插件不能直接安装了已经,需要翻墙,也可以本地下载然后安装。

1、通过github下载:https://github.com/vuejs/vue-devtools  (命令: git  clone https://github.com/vuejs/vue-devtools

2、通过cnpm install 安装依赖

3、通过npm run build 打包

4、谷歌浏览器直接输入chrome://extensions/  进入插件界面

安装成功之后就可以看到列表里出现了这个插件了,

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值