【Chrome谷歌浏览器安装vue.js.devtools】

已于 2023-02-14 13:54:34 修改
阅读量432 收藏 1
点赞数
分类专栏： VUE 前端 文章标签： chrome vue.js javascript
于 2023-02-14 11:32:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XJMTCSZJing/article/details/129023233
版权

Chrome谷歌浏览器安装vue.js.devtools--离线安装记录

下载离线包

下载地址：https://github.com/vuejs/devtools

在1处切换到分支add-remote-devtools
在1处切换到分支add-remote-devtools,下载zip格式

解压文件：

进入刚下载的文件路径，解压，win+R打开运行窗口，执行npm i
在这里插入图片描述

执行npm run build

在这里插入图片描述

找到谷歌扩展程序

找到扩展程序

加载工具

在这里插入图片描述

安装后效果

在这里插入图片描述

XIAOJINGQIN
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
chrome插件 vue-devtools离线安装包
04-27
版本5.3.3，从github下载的源码自己build出来的。 解压文件，从谷歌扩展程序里加载文件夹即可。
Google Chrome谷歌浏览器安装Vue插件vue-devtools
weixin_55705383的博客
01-25 1025
具体网址为随后在搜索按钮里搜索vue得到下图结果并点击。
google浏览器安装vuejs-devtools插件2024年安装记录_google has flagged vue
最新发布
2401_84911002的博客
05-12 442
我们chrome插件网之前介绍过Vue.js devtools，是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。但是借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试。本文重点介绍Vue.js devtools使用方法，提供chrome插件直接安装和源代码安装两种方法，你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。3. 安装cnpm，不用npm，因为–慢。
轻松掌握：在Chrome浏览器中安装Vue.js DevTools插件
weixin_71699295的博客
04-10 1157
本文详细指导如何在Google Chrome浏览器中安装Vue.js DevTools插件，包括通过Chrome网上应用店直接安装和离线手动添加两种方法。安装后，开发者可利用Vue.js DevTools提供的丰富调试功能，如组件树视图、状态快照等，提升Vue项目的开发效率与问题定位能力。
chrome谷歌浏览器安装vue插件
jieweiwujie的博客
03-13 385
就可以使用了。
# 谷歌 chrome 浏览器中的 vuejs devtools 插件工具的安装方法
段子手168的博客
04-30 986
github 下载地址：https://github.com/vuejs/vue-devtools如下载：vue.js-devtools-4.1.3.zippage=9。
Vue.js调试工具devtools的安装
youngko的博客
10-22 475
因为在原始的Chrome浏览器中始终无法打开应用商店安装插件，也使用了解压devtools文件夹的传统方式安装，过程中仍然遇到一些问题暂时无法解决，后发现使用谷歌的极速浏览器可快速安装devtools调试工具用于开发，分享出来供参考。
在Chrome(谷歌浏览器)中安装Vue.js devtools开发者工具及解决Vue.js not detected报错
又菜又爱玩的小熊
07-25 2795
文章目录一、Vue.js devtools开发者工具安装1.打开谷歌浏览器——点击扩展程序——选择管理扩展程序2.先下载添加一个谷歌助手到扩展程序中（根据提示进行永久激活）3.点击谷歌浏览器的应用商店4.输入Vue.js devtools——搜索——选择下载二、解决Vue.js not detected报错1.打开谷歌浏览器——点击扩展程序——选择管理扩展程序2.点击详情3.开启允许访问文件地址总结 一、Vue.js devtools开发者工具安装 1.打开谷歌浏览器——点击扩展程序——选择管理扩展程序
小白教程： 谷歌安装 vue-devtools 拓展，无需编译
weixin_55746254的博客
08-03 2880
最简单安装 Vue-Devtools谷歌插件，小白教程
Vue js Devtools 无法使用解决办法
汪汪汪汪
01-05 1884
错误提示: Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.谷歌浏览器当中使用vue devtools时，无法启动解决办法；
Vue3谷歌浏览器调试工具Vue.js devtools 6.1.4
05-30
Vue.js devtools 6.1.4,Vue3谷歌浏览器调试工具。开发vue3必备开发工具，跟踪数据便于调试，解决数据问题。
详解vue.js的devtools安装
12-04
4.打开谷歌浏览器设置—>扩展程序–》勾选开发者模式—》添加工程中的shells–>chrome的内容或者直接拖动shells–>chrome，至此恭喜已经安装成功！！！ 5.打开自己的vue项目中，如果是有vue-cli构建的项目，执行npm...
Vue Devtools谷歌浏览器插件下载
07-06
Vue Devtools的谷歌浏览器插件，解压后在浏览器输入chrome://extensions/，选择加载解压后的插件，选择解压后的文件夹即可
Chrome 安装Vue插件vue-devtools
06-24
开箱即用 加压包，找到shells下的chrome，再打开谷歌浏览器的扩展程序选中chrome
Chrome浏览器安装Vue.js devtools插件
m0_67393827的博客
03-14 1084
Chrome浏览器安装Vue.js devtools插件 1、浏览器访问极简插件 2、右上角搜索框搜索vue DevTools插件 3、在本地文件夹中解压刚刚下载的插件，解压后如下所示 4、打开谷歌浏览器–更多工具–拓展程序 5、将解压的文件夹拉到4中拓展程序页面 6、安装成功 1、浏览器访问极简插件 https://chrome.zzzmh.cn/#/index 2、右上角搜索框搜索vue DevTools插件 下载插件 3、在本地文件夹中解压刚刚下载的插件，解压后如下所示 4、打开谷歌浏览器–
谷歌安装vue-devtools工具
半梅芒果干的博客
03-23 459
chrome中找到 更多工具 / 扩展程序 选项，勾选“开发者模式”，然后点击 加载已解压的扩展程序，选择vue-devtools\shells\chrome，确认，即可使用了。2、修改mainifest.json 中的persistant为true。4、执行安装命令 npm run build。3、执行命令 npm i。
快速安装vue-devtools开发者调试工具免费安装方法
a1783118的博客
03-28 472
快速安装vue-devtools开发者调试工具免费安装方法
vue-devtools浏览器调试工具离线安装教程
binggoling
06-19 2756
vue-devtools浏览器调试工具离线安装是下载源码，通过本地编译之后，在放到浏览器上。
vue.js devtools_5.3.3_chrome.cn.zip
06-21
vue.js devtools_5.3.3_chrome.cn.zip是一种用于谷歌浏览器的vue.js开发工具包，适用于开发vue.js前端应用程序。该工具包可以协助开发者对vue.js应用程序进行调试和监视。它包含了一些非常有用的功能，例如实时调试...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值