chrome浏览器的VUE调试插件Vue.js devtools

最新推荐文章于 2024-07-20 15:24:14 发布
最新推荐文章于 2024-07-20 15:24:14 发布
阅读量867 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kids_calamus/article/details/82720012
版权
 
chrome浏览器的VUE调试插件Vue.js devtools
应用商店直接安装
安装成功后在VUE文件打开可以直接调试：
提示效果如下：
F12进入调试状态即可：

 


 

 

安装中出现的问题：
插件安装后无法使用，出现vue.js not detected提示的解决办法
找到插件的安装目录：
（可以通过id搜索ID：nhdogjmejiglipccpnnnanhbledajbpd）
C:\Users\liangsuya\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.6_0
找到manifest.json文件
将persistent属性改为true
然后就可以正常使用插件调试vue了
kiz_calamus
关注
nhdogjmejiglipccpnnnanhbledajbpd.zip
01-15
直接下载解压之后，将对应文件拖拽到谷歌浏览器即可，按照对应提示信息，可以成功安装Vue Devtools调试工具
解决vue-cli使用vue-cli-plugin-electron-builder插件，运行时卡在 Launching Electron..
weixin_54126636的博客
03-26 2421
原因 是因为启动程序时要安装 vue-devtools,需要连接谷歌应用商店,由于国内无法访问,导致无法下载安装 解决办法 下载vue-devtools 下载完成后需要将文件命名为 nhdogjmejiglipccpnnnanhbledajbpd.crx 使用rar等压缩软件解压 nhdogjmejiglipccpnnnanhbledajbpd.crx,得到 nhdogjmejiglipccpnnnanhbledajbpd 文件夹 手动安装 找到app的用户数据目录 linux 一般在 ~/.con
vue用到的各种三方插件的介绍和使用方法
最新发布
m0_71207979的博客
07-20 1467
各种第三方组件和库的使用，大家又好用的可以评论，一起进步
devtools下载安装踩坑记
weixin_47792992的博客
08-10 2698
嘿嘿，安装devtools是不是一到npm run build 就出错了呀^-^ 这两天安装devtools时，网上一堆安装方法，可是除了从仓库下载以外挨个试了个遍。到最后还是一到npm run build 就出错，简直头痛想吐！-！最后从简书上看到了下面呢这个方法，但是有个小小的问题就是我昨天测试这个方法是不可以的，但是今天再次测试的时候又可以了，所以小伙伴们可以多尝试几次哟，也许今天不可以，但是明天就可以了呢^-^ 1下载vue调试工具 下载链接：https://chrome.z...
# 谷歌 Chrome 浏览器无法安装插件的解决方法
段子手168的博客
04-29 2574
# 谷歌 Chrome 浏览器无法安装插件的解决方法
Chrome浏览器 安装Vue插件vue-devtools
A_aspectJ的博客
03-30 4836
vue-devtools 是一个为 Vue.js 开发者设计的 Chrome 插件。它可以让你更轻松地审查和调试 Vue 应用程序。与普通的浏览器控制台工具不同，Vue.js devtools 专为 Vue 的响应性数据和组件结构量身定做。
vue_devtools_chrome_5.3.4.crx Chrome浏览器Vue调试插件
03-28
（1）vue 2.x 调试工具：vue_devtools_chrome_5.3.4.crx Chrome浏览器Vue调试插件； （2）直接安装使用无需自己编译； （3）安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式...
vue-devtools v5.1.0.crx 最新版Chrome浏览器Vue调试插件
06-17
vuejs-devtools_v5.1.0.crx 最新版Chrome浏览器Vue调试插件，直接安装使用无需自己编译。安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的“vuejs-...
Vue.js devtools谷歌插件
03-14
总结起来，Vue.js devtools是Vue.js开发过程中不可或缺的辅助工具，它提供了丰富的功能，使得开发者能够在浏览器环境中对Vue应用进行深度调试，理解Vue的内部工作原理，进而提升开发质量和效率。如果你是Vue.js的...
vue.js devtools 离线 插件 最新版本 6.2.1
08-16
现在chrome应用市场，打不开了。 下载了插件有的时候会被自动删除。 vue.js devtools 离线插件 最新版本 6.2.1 亲测可用
Vue.js devtools 6.5.1
04-18
Vue.js devtools 是一款用于 Vue.js 应用程序开发的浏览器扩展工具，它可以帮助开发者更轻松地调试和分析 Vue.js 应用。这个扩展提供了诸如组件树、状态管理器、事件触发、性能分析等功能，使开发者可以更好地理解和...
vue数据结构调试工具的使用方法
m0_71814235的博客
09-13 913
vue插件的使用方法
Vue.js devtool插件下载安装及后续问题解决
Osborn的博客
07-19 1238
下载 在中国，你是无法使用谷歌应用商店，所以你下载插件，要使用一些别的手段，一种是下载源码编译，另一种是通过第三方网站。第一种不适合小白，所以现在介绍第二组。 下载插件网站 国外网站：https://www.crx4chrome.com/ 国内网站：http://www.cnplugins.com/ 建议使用第一个网址，插件与应用商店同步更新，打开网站后，搜索“Vue.js devtoo...
Chrome 打包扩展程序
e5pool的博客
02-10 5978
私钥是扩展程序的开发者使用的密钥，仅用于确定扩展程序的身份。私钥不会随扩展程序的发布或分发而公开，而是保留在扩展程序的开发者手中。如果你想开发一个扩展程序，需要生成一个私钥，并在代码中使用它！找到需要打包的扩展，看一下他的ID（如：nhdogjmejiglipccpnnnanhbledajbpd）按钮，就会生成两个文件（版本号.crx 和 版本号.pem），它们的位置在版本号文件夹所在的同目录下。找到和扩展程序 ID 名相同的目录，点击去，可以看到版本号，再点进去，然后。，会有一个弹窗弹出来，
vue chrome devtools调试工具的安装
一呀一转转圈
11-20 1493
在vue官网 我们找到 Cookbook页面 中的‘替代方案’ 鼠标点击红框里的 【chrome版本】， 打开的地址是这样的: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 如果打不开连接，可以复制【nhdogjmejiglipccpnnnanhbledajbpd】，这个是chrome上devtools扩展的id 然后打开https://chrome-ext..
Vue2兼容低版本浏览器
txl910514的专栏
02-28 3312
注意：因为 @vitejs/plugin-legacy 只在 build 模式下生效，这也意味着 dev 模式下不经过 @vitejs/plugin-legacy 处理，所以 dev 模式下无法在低版本浏览器上运行。温馨提示：现在 Vue2 也可以使用组合式 api 了，具体参考：https://www.npmjs.com/package/@vue/composition-api。注意：必须使用新的 @vitejs/plugin-vue2 插件，否则 将无法正常使用！
vscode编辑器eslint及插件安装
狗蛋儿的博客
08-13 677
chrome浏览器 如何安装扩展 1. 拖动安装 推荐 绝大部分插件都可以使用本方法安装 如图所示以下载安装 Vue Devtools 为例 进入 极简插件 首页 点击 搜索,输入Vue Devtools 点击 推荐下载 等待下载完成，找到压缩包 nhdogjmejiglipccpnnnanhbledajbpd.zip 右击 - 解压缩到文件夹 进入文件夹，有2个文件，名字最长的那个就是安装包 nhdogjmejiglipccpnnnanhbledajbpd_5.3.4_chrome.zzzmh.cn.c
vue基础入门
weixin_58470558的博客
05-13 6714
vue基础、指令、过滤器、监听器、计算属性、vue-cli、vue组件
Chrome 浏览器安装Vue2、Vue3插件方法 (详细有效)
热门推荐
qq_50497708的博客
12-11 1万+
以vue3插件为例：下载完解压。将下面的文件拖到扩展程序的页面。
mac chrome浏览器vue插件
07-28
你可以在 Chrome 浏览器上安装 Vue.js Devtools 插件来调试 Vue.js 应用程序。以下是安装步骤1. 打开 Chrome 浏览器并进入 Chrome Web Store（https://chrome.google.com/webstore）。 2. 在搜索栏中输入 "Vue.js ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值