vue.js.devTools插件-edge已安装插件转chrome

由于在edge中的vue插件总是失灵,没办法转chrome。但是chrome插件商店需要魔法,查阅了一些帖子后把我的方法记录在下。

1、首先在edge中安装vue.js.devTools插件,这个很简单,重要的是找到插件的安装根目录。

2、以我自为例,vue.js.devTools插件安装在

C:\Users\Admin\AppData\Local\Microsoft\Edge\User Data\Default\Extensions

进去文件夹后,有以下一些看似很乱的文件:

但这不要紧,挨个点进去看,能看到子文件的标题是数字,该数字代表了该插件的版本号。我的插件就是在上图最后一个文件夹中,点进去:

发现和我安装的插件版本号是一样的,可以确实该插件是vue插件。

3、打开chrome浏览器的扩展程序,并打开开发者模式,如下图:

4、点击加载已解压的扩展程序

5、找到你第二步找到的插件位置,目录层级到版本号那一层就行

6、添加成功!

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: Vue.js Devtools是一个浏览器扩展程序,它提供了一组有用的工具,用于调试Vue.js应用程序。以下是Vue.js Devtools的下载和安装步骤: 1. 打开谷歌浏览器或火狐浏览器。 2. 在浏览器中搜索“Vue.js Devtools”。 3. 从搜索结果中选择官方网站下载页面。 4. 在下载页面中选择适合你的浏览器的版本(Chrome或Firefox)。 5. 点击“添加到Chrome”或“添加到Firefox”,然后确认安装。 6. 安装完成后,你将在浏览器的扩展程序中看到Vue.js Devtools。 7. 现在你可以使用它来调试Vue.js应用程序。 如果你遇到任何问题,可以在Vue.js社区中提问,也可以查看官方文档以获得更多信息。 ### 回答2: Vue.js devtools是一款非常强大的用于Vue.js开发和调试的浏览器插件。它提供了许多有用的功能,可以帮助开发者更加高效地进行Vue.js应用的开发和调试工作。 要下载和安装Vue.js devtools,我们可以按照以下步骤进行: 1. 打开浏览器(推荐使用Chrome或Firefox)。 2. 在浏览器中搜索“Vue.js devtools”。 3. 在搜索结果中找到官方的Vue.js devtools页面,并点击进入。 4. 在官方页面中,我们可以找到下载和安装的相关信息。 5. 根据我们的浏览器类型,选择对应的版本进行下载。目前Vue.js devtools支持Chrome、Firefox和Edge浏览器。 6. 下载完成后,根据浏览器的要求进行安装。一般情况下,我们只需要点击安装按钮,并按照提示进行操作。 7. 安装完成后,重新启动浏览器。 安装完成后,我们就可以使用Vue.js devtools来进行Vue.js应用的开发和调试了。在打开的网页中,点击浏览器的调试工具,我们可以看到Vue标签。在Vue标签中,我们可以查看当前Vue实例的状态、组件层级、数据、事件等信息。同时,我们还可以对Vue应用进行调试,比如修改数据、触发事件、检查组件和数据的变化等。 总的来说,Vue.js devtools是一款非常好用和有用的工具,可以帮助我们更加高效地进行Vue.js应用的开发和调试工作。它的下载和安装非常简单,只需要在官方页面下载对应的版本,并按照浏览器的要求进行安装即可。 ### 回答3: 要下载并安装Vue.js Devtools,可以遵循以下几个步骤: 首先,打开浏览器并访问Vue.js Devtools的GitHub页面(https://github.com/vuejs/vue-devtools)。 在页面右侧的"Releases"(版本发布)选项卡下,找到最新的版本。通常会有对应不同浏览器的版本,如Chrome、Firefox和Edge。 点击所需浏览器版本的下载链接,将会下载一个文件,文件的名称可能类似于"vue-devtools-{version}-{browser}.zip"。 下载完成后,解压缩文件。具体操作方式可能因操作系统而异,一般可以使用右键菜单中的“解压缩”选项。 解压缩后,可以看到一个文件夹,文件夹名称类似于"vue-devtools-{version}"。 接下来,根据所使用的浏览器,执行以下步骤: 对于Chrome浏览器: 1. 打开Chrome浏览器,并在地址栏中输入"chrome://extensions",然后按下回车键。 2. 在Chrome扩展程序页面的右上角,打开"开发者模式"。 3. 点击页面左上角的"加载已解压的扩展程序"。 4. 在弹出的文件选择对话框中,选择之前解压缩的文件夹,并点击"选择文件夹"。 5. 现在,Vue.js Devtools会显示在Chrome的扩展程序栏中。 对于Firefox浏览器: 1. 打开Firefox浏览器,并在地址栏中输入"about:debugging#/runtime/this-firefox",然后按下回车键。 2. 在页面左侧的"临时加载附加组件"部分,点击"临时加载扩展组件"。 3. 在弹出的文件选择对话框中,选择之前解压缩的文件夹,并点击"打开"。 4. 现在,Vue.js Devtools会显示在Firefox的附加组件栏中。 安装完成后,可以在浏览器的开发者工具中找到Vue.js Devtools选项,从而方便地进行Vue.js应用程序的调试和开发。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值