安装Vue调试神器vue-devtools

本文介绍如何从GitHub克隆Vue DevTools项目并安装至本地,包括使用npm或cnpm安装依赖包、编译项目文件,以及将插件添加到Chrome浏览器的具体步骤。

第一步:找到vue-devtools的github项目,并将其clone到本地 vue-devtools

git clone https://github.com/vuejs/vue-devtools.git

第二步:安装项目所需要的npm包

npm install 

如果太慢的话,可以安装一个cnpm, 然后命令换成

 cnpm install 

第三步:编译项目文件

 npm run build 

第四步:添加至chrome游览器

 1. 输入地址“chrome://extensions/” 进入扩展程序页面,
 2. 点击“加载已解压的扩展程序...”按钮,
 3. 选择vue-devtools>shells下的chrome文件夹。
 4. 如果看不见“加载已解压的扩展程序...”按钮,则需要勾选“开发者模式”。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不秃头的LT

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值