chromevue扩展 vue-devtools-master 谷歌vue的扩展程序

最新推荐文章于 2024-04-30 10:00:00 发布
最新推荐文章于 2024-04-30 10:00:00 发布
阅读量672 收藏
点赞数
分类专栏： 前端问题总结 文章标签： chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kiwi123111/article/details/109588112
版权

1.下载vue-devtools文件包
2.执行npm install
3.执行npm run build
4.将manifest.json文件打开，找到background中的“persistent”，改为true
5.打开你的谷歌浏览器，在更多工具中点击扩展程序，然后在出现的页面中勾选开发者模式，点击加载你的解压好的包,选择文件里的vue-devtools-master\shells下的chrome

吾LOVE
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue-Devtools--master.rar
05-28
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。
Vue-Devtools-master-master.zip
06-07
Vue Devtools 是一款强大的开发者工具，专为 Vue.js 应用程序设计，它可以在浏览器的开发者工具中提供一个直观的界面，帮助开发者更好地理解和调试 Vue 项目。Vue Devtools 提供了诸如查看组件树、检查组件状态、...
图文详解vue.js devtools插件使用方法
热门推荐
xsq123的专栏
06-19 4万+
本文重点介绍Vue.js devtools使用方法，提供chrome插件直接安装和源代码安装两种方法，你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
# 谷歌 chrome 浏览器中的 vuejs devtools 插件工具的安装方法
最新发布
段子手168的博客
04-30 3379
github 下载地址：https://github.com/vuejs/vue-devtools如下载：vue.js-devtools-4.1.3.zippage=9。
vue下谷歌浏览器的扩展程序（vue-devtools-master）
weixin_30732487的博客
03-13 923
1,在百度网盘中下载压缩包,网盘地址:https://pan.baidu.com/s/1BnwWHANHNyJzG3Krpy7S8A ，密码：xm6s 2，将压缩包解压到F盘，F:\chromeVue插件 3，复制文件地址，F:\chromeVue插件\vue-devtools-master 4，打开cmd命令，进入F盘，然后进入到vue-devtools-master文件中，命令：cd...
Mac手动安装 vue-devtools
qq_41083616的博客
05-07 733
找了好多教程，只有下面这篇执行下来是成功地，因此记录一下： 原博客：https://www.cnblogs.com/helios-fz/p/14823137.html 首先去码云下载 vue-devtools 的源码： https://gitee.com/mirrors/vue-devtools/tree/master/ 注意这里要下载master分支的，别的分支后面可能会报错。 把下载后的文件解压，放在你喜欢的地方，然后在该文件夹下打开终端： 加载依赖包： cnpm install build项目：
Vue-Devtools--master_vue-devtools工具_
10-04
安装Vue-Devtools非常简单，只需要通过Chrome或Firefox的浏览器扩展程序商店进行安装。在开发环境中，确保Vue.js应用加载了`Vue.config.devtools = true`，然后在浏览器的开发者工具中就能找到Vue-Devtools的面板。 ...
vue-devtools4.1.3-直接解压把chrome拖到浏览器.zip
05-13
解压压缩包，打开“chrome://extensions/”，勾选右上角的“开发者模式”，然后“加载已解压的扩展程序”，选择解压后的文件目录即可。成功返回出现在插件列表中，浏览器右上角有灰色vue标志，在打开适用vue开发的...
Vue-Devtools-master.zip
04-25
9. **安装与使用**：Vue Devtools通常以Chrome浏览器插件的形式存在，开发者可以通过Chrome的扩展程序商店下载安装。对于源码版本，开发者需要先解压Vue-Devtools-master.zip，然后通过npm或yarn进行安装和构建，...
【Vue】在 Chrome 中安装 Vue 扩展程序
weixin_44899940的博客
08-08 2560
【Vue】在 Chrome 中安装 Vue 扩展程序
自己构建的vue谷歌浏览器扩展程序.rar
12-10
在google浏览器扩展工具管理中打开\vue-devtools-dev\shells\chrome,点击确定即可安装 真的很好用,当然你也可以去github下载源码自行编译,但是初学者还是下载我的比较好,第一你自己编译的未必能用,第二很浪费时间,真的很浪费时间 vue Devtools.亲测可用,安装过程请自行百度,并不复杂,按照步骤很容易安装, vue Devtools.亲测可用,安装过程请自行百度,并不复杂,按照步骤很容易安装.
vue-devtools-master.zip
04-18
谷歌浏览器的 vue 开发工具
Chrome 浏览器安装Vue插件方法
zwj1030711290的CSDN
12-01 8262
在Chrome中 打开地址chrome://extensions/ 将D:\vue\vue-devtools-dev\shells\chrome文件夹拖入Chrome中。接下来通过cnpm安装vue插件依赖 ，淘宝镜像：输入cnpm install。一个使用技巧，定位到文件夹下面：直接输入 cmd 可以直接定位跳到当下目录。下载成功后接着输入npm run build 出现如下界面表示成功。验证npm是否安装成功命令，打开CMD输入。Chrome 浏览器安装Vue插件方法。不要去下载默认分支的。
chrome浏览器添加vue-devtools扩展
weixin_30680385的博客
01-14 491
1,在百度网盘中下载压缩包,网盘地址:https://pan.baidu.com/s/1i6UdvCD，密码：nvfe 2，将压缩包解压到F盘，F:\chromeVue插件 3，复制文件地址，F:\chromeVue插件\vue-devtools-master 4，打开cmd命令，进入F盘，然后进入到vue-devtools-master文件中，命令：cdF:\chromeVue插件\v...
谷歌装vue拓展
ljw_jiawei的博客
05-02 1641
1,在百度网盘中下载压缩包,网盘地址:https://pan.baidu.com/s/1i6UdvCD，密码：nvfe ( 自己已保存文件 )2，将压缩包解压到F盘，F:\chromeVue插件3，复制文件地址，F:\chromeVue插件\vue-devtools-master4，打开cmd命令，进入F盘，然后进入到vue-devtools-master文件中，命令：cd  F:\chromeV...
vue-tools---谷歌扩展程序安装
qq_34904695的博客
07-06 1008
安装谷歌扩展工具vue-tools
Google浏览器怎么添加vue-devtools拓展工具
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
07-19 2695
步骤 1、下载github上面的源码 git clone https://github.com/vuejs/vue-devtools 如果代码下载不下来，可以下载zip包（我安装的5.1.1的，5.3.3安装依赖会报错） 比如：Error: Cannot find module ‘@vue-devtools/build-tools’ 点击下载： 2、找到vue-devtools文件夹，在目录下安装依赖包 npm install或者cnpm install 3、安装完依赖，找到chrome文件
vue-devtools扩展配置chrome的步骤
05-26
以下是配置Chrome扩展程序vue-devtools的步骤： 1. 在Chrome网上应用商店中搜索并安装Vue.js devtools 扩展程序。 2. 安装完成后，在Chrome浏览器的扩展程序管理页面中找到Vue.js devtools扩展程序，并点击“详情”...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值