chrome浏览器添加vue-devtools扩展

1,在百度网盘中下载压缩包,网盘地址:https://pan.baidu.com/s/1i6UdvCD,密码:nvfe

2,将压缩包解压到F盘,F:\chromeVue插件

3,复制文件地址,F:\chromeVue插件\vue-devtools-master

4,打开cmd命令,进入F盘,然后进入到vue-devtools-master文件中,命令:cd  F:\chromeVue插件\vue-devtools-master

5,在npm中执行命令,(我这边安装了镜像,所以是cnpm)

6,执行 cnpm install 

7,执行 cnpm run build. 

8,将manifest.json文件打开,找到background中的“persistent”,改为true,文件在这里:F:\chromeVue插件\vue-devtools-master\shells\chrome

9,打开你的谷歌浏览器,在更多工具中点击扩展程序,然后在出现的页面中勾选开发者模式,点击加载你的解压好的包,选择F:\chromeVue插件\vue-devtools-master\shells下的chrome,如图:

 

 

10,运行项目,打开chrome的开发者模式F12,就会看到vue扩展,如图

 

posted @   爱吃西红柿  阅读(1031)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示