Vue devtools安装

最新推荐文章于 2023-07-06 17:23:01 发布
最新推荐文章于 2023-07-06 17:23:01 发布
阅读量198 收藏 1
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37291053/article/details/108219404
版权

1、下载vue-devtools-master
2、cmd到这个位置，运行npm install下载依赖在这里插入图片描述
3、安装完成之后，然后执行npm run build，编译源程序。
4、修改vue-devtools-master\shells\chrome目录下的mainifest.json 中的persistent为true：
5、安装：打开谷歌浏览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序”，将chrome文件夹录入及可

如遇这问题？解决方法：

Ｑ：无法为内容脚本加载 JavaScript“build/hook.js”。 无法加载清单。

Ａ：打开manifest.json文件，查找build/，全改成src/就好了

JoJo-Zhang
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-devtools-6.0.0 beta 15(不定期更新)
08-24
vue调试工具vue-devtools 更新日期2021-08-24
从谷歌打包vue.js devtools到微软浏览器，扩展被损坏
bei_311609000905的博客
05-13 708
刚从谷歌挪到微软浏览器上，就损坏了。
vue中devTools插件安装教程
weixin_62897746的博客
10-01 7474
为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试
vue-devtools安装教程（简单易上手）
热门推荐
小白_xm
03-23 2万+
Vue-devtools安装教程 备注：在安装配置Vue-devtools过程中，很多博客上基本上都要求去github官网下载vue-devtools-dev压缩包。下载并解压该压缩文件后，便以管理员的方式打开命令行窗口，然后利用npm进行intsall（命令行：npm install），接下来输入npm install bulid。当然，利用这种方法有一个前提，便是要在此之前先安装好npm，要想安装npm，最便捷的方法是下载一个集成的node.js，而前提是要有一定的node基础。在通过上述办法来安装vu
2022年9月11日-安装vue.js devtools插件不能用的解决办法
09-11 1579
vue.js devtools 插件的安装和使用
vuedevtools安装.zip
10-31
window.Vue && Vue.config.devtools && Vue.config.performance && Vue.use(VueDevtools) } ``` 6. 完成上述步骤后，你应该能在Vue DevTools中看到应用的详细信息。 通过阅读链接提供的博客文章（），你将获得更...
vuedevtools安装
03-02
以上就是关于“Vue DevTools安装”的详细步骤和使用介绍。通过熟练运用Vue DevTools，开发者可以更有效地调试和优化Vue应用程序，提升开发效率。在实际工作中，配合Vue的其他工具如Vue CLI、Vuex等，可以构建出更...
vuedevtools离线包安装
03-23
这个“vuedevtools 离线包安装”流程是为了帮助开发者在没有网络或者网络环境不稳定的情况下，仍然能够便捷地安装和使用 Vue DevTools。 首先，Vue.js 是一个流行的前端框架，由尤雨溪开发，它提供了一种声明式、...
下载并安装vue-devtools（详细步骤）
m0_48355180的博客
08-28 2万+
1,访问github地址：https://github.com/vuejs/devtools下载安装包（zip）； 2，进入到解压后的vue-devtools包中，在文件夹路径中打开cmd窗口，执行npm i（如果慢的话可以只用cnpm淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org） ...
【无法为内容脚本加载 JavaScript“build/hook.js”。 无法加载清单。】问题解决
qq_49355028的博客
01-28 3432
打开Chrome浏览器–>选择更多工具–>扩展程序–>打开开发者模式,点击“加载已解压的扩展程序”,选择 vue-devtools5.1.1 > shells > chrome 放入。这个问题是hook.js的路径错误，在shells/chrome/manifest.json中配置了相关文件的路径，因此我们只需修改这些路径即可。在此步骤后，出现了无法为内容脚本加载 JavaScript“build/hook.js”。当想在Chrome浏览器使用vue的devtools插件时，再重新添加拓展，便成功了！
Vue.js devtools无法使用，显示Vue.js is detected的解决办法
树袋熊的博客
03-26 6398
Vue的chrome测试工具的错误解决办法
Vue3-devtools开发者工具正确安装方法
Zhang_wang_yun的博客
05-30 1万+
学习Vue3自然离不开调试工具Vue3-Devtools，所以我们需要来下载这个调试工具并放入谷歌浏览器里的扩展程序里面。帮助我们更好的调试vue3里的程序。
vue-devtools安装教程 附各种常见错误处理(图标不显示 图标显示控制台没用Vue选项卡)
这道题我不会做...不会做啊..太难了！！
02-05 1568
安装教程 1.选择master分支的vue-devtools克隆 2.修改mainifest.json 中的persistant为true 3.安装依赖 使用命令npm install自动下载依赖模块 在命令行工具的package.json文件所在目录地址，执行 npm install 命令，而后面不带有任何参数 因为npm是从外网下载所以速度十分卡顿，而且有可能发生各种意外错误，推荐使用cnpm第三方插件 cnpm: 因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果
vue devtools调试工具安装（详细）
weixin_46911985的博客
02-06 2415
下载完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入此文件夹，将其中vender 文件夹下的 manifest.json文件 进行编辑，修改persistent 为 true，保存文件。最后将vender 文件拖至浏览器的扩展程序中，重启浏览器就可以使用了。打开浏览器找到扩展程序（以谷歌为例），并勾选开发者模式，点击出现的“创建一个空的文件夹，命名最好可以见名知意，复制目录后打开命令行。
无法为内容脚本加载 JavaScript“build/hook.js”。 无法加载清单。
fghag888的博客
03-05 4978
加载Vue浏览器插件时，会出现这种提示。 第一步下载：下载地址与下载包： 下载地址：https://github.com/vuejs/devtools/tree/add-remote-devtools 第二步：调整配置： 第三步：显示如下，就为成功。 ...
如何安装vue-devtools（超简单）
庸人方自扰，自在就好
12-01 5348
vue-devtools的安装有两种方法，第一种是通过谷歌应用商店进行安装，第二种是手动安装： 方法一（通过谷歌应用商店进行安装，需要翻墙）： 打开谷歌的更多工具-扩展程序，打开左上角的“主菜单”，点击下面的“打开Chrome网上应用店”，这个应用商店是需要翻墙的，一般同学是打不开的！ 能打开的同学搜索Vue.js devtools，把第一个扩展程序添加至Chrome即可。 方法二：（手动安装，无需翻墙） 1、打开https://github.com/vuejs/vue-devtools 2
怎么安装vue-devtools
qq_50276105的博客
08-12 1626
选择并打开vender文件：最终插件会出现在浏览器扩展程序列表中：
vue-devtools\shells\chrome 错误 无法为内容脚本加载 JavaScript“build/hook.js”。 无法加载清单。
qq_42976391的博客
04-03 5841
将persistent的值修改为true之后再次运行npm run build
vue-devtools最新版本安装教程（vue-devtools6.5.0）
vue-cli脚手架初始化代码
07-06 6508
vue-devtools安装教程
vue devtools安装
最新发布
07-27
Vue Devtools是一款基于Google Chrome浏览器的开发者工具扩展，用于调试Vue.js应用程序。它可以帮助前端开发工程师在浏览器开发者工具中调试代码，并查看Vue应用程序的DOM结构和数据。安装Vue Devtools有三种方法：通过谷歌应用商店进行安装、手动安装和直接下载使用网友分享的资源。如果选择手动安装，可以下载Vue Devtools的压缩包并解压到指定文件夹，然后在终端中进入该文件夹并运行两条命令：npm install（安装依赖）和npm run build（打包构建）。安装成功后，就可以在Chrome浏览器的开发者工具中使用Vue Devtools来调试Vue应用程序了。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [vue-devtools的安装](https://blog.csdn.net/chenhaiy/article/details/123747229)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [如何安装vue-devtools（超简单）](https://blog.csdn.net/weixin_43804496/article/details/110424999)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值