vue-devtools的安装与使用

最新推荐文章于 2023-11-25 08:56:38 发布
最新推荐文章于 2023-11-25 08:56:38 发布
阅读量272 收藏
点赞数
分类专栏： vue 文章标签： vue-devtools 安装 使用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WDCCSDN/article/details/82500979
版权
  1. git clone https://github.com/vuejs/vue-devtools
  2. npm install
  3. npm run build
  4. 更改vue-devtools\shells\chrome下的manifest.json

    persistent": true
  5. 浏览器的扩展程序功能，勾选开发者模式，然后我们将插件文件夹里的shells>chorme文件夹直接拖到页面中
  6. 然后vue-devtools运行npm run dev
  7. 然后重启浏览器
  8. 出来的效果：
-Dayer-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
下载、编译、安装、使用 vue-devtools
weixin_59916662的博客
10-17 1万+
下载、编译、安装、使用vue-devtools
图文详解vue.js devtools插件使用方法
热门推荐
xsq123的专栏
06-19 4万+
本文重点介绍Vue.js devtools使用方法，提供chrome插件直接安装和源代码安装两种方法，你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
Unable to install `vue-devtools`: Error: net::ERR_CONNECTION_TIMED_OUT
stefanie_sun723的博客
06-09 3825
Unable to install `vue-devtools`: Error: net::ERR_CONNECTION_TIMED_OUT
electron-vue中Unable to install `vue-devtools`的报错问题
u014226080的博客
01-14 3672
由于网络的问题，electron运行的时候加载vue-devtools失败。 Unable to install vue-devtools 。从日志里看retry了四次都timeout了。 找了一圈，这个也没有淘宝镜像等国内镜像。不过后来按网上找了个方法，成功加载了最新的版本。 对于开发来讲，好的调试工具太重要了。 先 npm install vue-devtools --save-dev 然后 把ready事件里面注释掉5行，再加上一行手动加载的。 最终src/main/index.dev.js里面修改
vue electron安装，启动遇到的坑
jenkinz的博客
04-07 2194
electron运行的时候加载vue-devtools失败 由于网络的问题，electron运行的时候加载vue-devtools失败。Unable to install `vue-devtools` 。从日志里看retry了四次都timeout了。 找了一圈，这个也没有淘宝镜像等国内镜像。不过后来按网上找了个方法，成功加载了最新的版本。 对于开发来讲，好的调试工具太重要了。 先npm install vue-devtools --save-dev 然后 把ready事件里面注释掉5行，...
vue调试工具vue-devtools安装及使用方法
12-12
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools 2....
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
Vue调试神器vue-devtools.zip
12-26
vue-devtools是一款专门用于vue应用调试的浏览器插件，可以大大地提高vue应用的调试效率。
Vue-DevTools安装教程.docx
08-18
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。本文件Vue-DevTools插件的详细安装过程
Vuejs-devtools
04-19
vue.js chrome调试工具 devtools； 使用方法：解压后，打开Chrome-更多工具-扩展程序，点击“加载已解压的扩展程序安装”选择指定解压目录即可。
vue-devtools安装插件
03-23
1.下载解压 2.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》加载已解压的扩展程序---》选择“chrome扩展”文件夹 3.OK
vuejs_devtools
11-28
vuejs_devtool chrome插件离线安装包下载，vuejs_devtools离线包
Vue.js devtools
04-21
Chrome and Firefox DevTools extension for debugging Vue.js applications.
Vue.js devtools.zip
07-03
vue 调试工具，可以快速调试，使用 devtools 有很多好处，比如它可以让你能够实时编辑数据 property 并立即看到其反映出来的变化。另一个主要的好处是能够为 Vuex 提供时间旅行式的调试体验。
安装vue devtools依赖包不成功
Yan65919的博客
03-13 205
安装vue devtools工具，出现错误。
【Vue】全家桶之vue-devtools
指错||纠正||建议||水评+点赞&&评论&&关注&&转发，在这里你大概率会有所收获
08-08 4562
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
Vue.js devtools插件：超实用的浏览器扩展，使项目更容易地调试和优化
最新发布
llssdshiyi的博客
11-25 1264
Vue.js devtools插件：超实用的浏览器扩展，使项目更容易地调试和优化
vue devtools的安装
陈小穗子
12-06 1645
vue devtools的安装
vue调试工具vue-devtools安装及使用
05-10
在Chrome地址栏输入chrome://extensions/，打开Chrome扩展程序页面，搜索“Vue.js devtools”并安装即可。 使用： 1. 导入Vue-devtools插件并打开控制台，启动Vue应用程序，右上角出现一个Vue图标，点击即可打开Vue...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值