chrome安装vue-tools

本文详细介绍如何在Chrome浏览器中安装Vue开发者工具,包括从GitHub下载源码、使用npm安装依赖、修改配置文件以及在Chrome中加载扩展程序的完整流程。

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

chrome安装vue-tools

步骤一:在github上下载vue-tools(git不会,自行查询),找不到地址的直接在cmd里面找一个合适的文件夹,cmd输入:

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

步骤二:在下载的目录下,安装好需要的node-modules,cmd输入

npm install

步骤三:node-modules安装完成之后,进行build,cmd输入

npm run build

步骤四:修改配置:

在文件夹:vue-devtools/shells/chrome 找到mainfest.json文件,打开
"persistent": false
更改为:"persistent": true

步骤五:打开chrome浏览器,鼠标拉取

在浏览器左上角打开“更多工具”->“扩展程序”,然后直接将mainfest.json所在的文件夹chrome文件夹,是chrome文件夹\color{#2d85f0}{chrome文件夹}chrome ,直接拖到浏览器上的扩展程序界面即可

如\color{#2d85f0}{如} 果\color{#f4433c}{果} 感\color{#ffbc32}{感} 觉\color{#2d85f0}{觉}写\color{#0aa858}{写} 的\color{#f4433c}{的} 还\color{#2d85f0}{还} 不\color{#f4433c}{不} 错\color{#ffbc32}{错} ,\color{#2d85f0}{,}不\color{#0aa858}{不} 要\color{#f4433c}{要} 忘\color{#2d85f0}{忘} 记\color{#f4433c}{记} 点赞\color{#ffbc32}{点赞} 评论\color{#2d85f0}{评论} 收藏\color{#0aa858}{收藏} 关注\color{#f4433c}{关注}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值