在Chrome上安装Vue的插件

最新推荐文章于 2024-01-25 09:33:42 发布
最新推荐文章于 2024-01-25 09:33:42 发布
阅读量338 收藏
点赞数
文章标签： chrome 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53721052/article/details/127422166
版权

开发建议使用谷歌浏览器

效果如下：

可以在此界面动态修改和查看new Vue({})中定义的值！！！

点击拓展程序，打开开发者工具。

 

 插件下载链接：

 Chrome浏览器中安装Vue的插件-Webpack文档类资源-CSDN文库

 

下载完crx文件拖入拓展程序中 ，点击详情设置允许访问文件网址。

 

 

  按下面的路径找到manifest.json文件，打开manifest.json文件， 把  "persistent": false，改为：true

在浏览器中刷新界面，按下F2打开开发者工具。 

浏览器右上方出现这个一模一样的图标即可！！！ 

 

-念
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Chrome浏览器安装Vue，view事件分发面试
m0_61408947的博客
04-21 446
我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。
Chrome安装VUE调试插件
u011664286的博客
09-21 2098
chrome 浏览器安装vue调试插件
Chrome浏览器的vue开发插件
09-27
Chrome浏览器的vue开发插件，解决本地扩展程序中没有vue的情况，对前端页面进行高效调试
vue-devtools chrome 插件
12-19
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，ch rome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
调试vue.js应用的浏览器扩展 Chrome插件
12-07
Vue.js devtools：调试vue.js应用的浏览器扩展 Chrome插件
谷歌浏览器 vue插件工具
04-29
vue谷-歌插件，开发帮手vue-devtools Vue.js devtools：调试vue.js应用的浏览器扩展 Chrome插件
Chrome 安装Vue插件vue-devtools
06-24
开箱即用 加压包，找到shells下的chrome，再打开谷歌浏览器的扩展程序选中chrome
使用 vue3.x版本开发 chrome插件
12-31
使用vue开发chrome浏览器插件，可以方便前端人员开发插件页面，不管是popup页面，content页面等都可以使用vue开发模式很方便的开发需求 码云地址：https://gitee.com/guoqiankun/my-vue3-plugin github地址：...
chrome插件 vue-devtools离线安装包
04-27
版本5.3.3，从github下载的源码自己build出来的。 解压文件，从谷歌扩展程序里加载文件夹即可。
适用于chrome的vue插件
04-07
为chrome上调试vue组件的插件
1. Chrome安装vue插件—本地安装
01-08
下载插件地址： https://github.com/vuejs/vue-devtools#vue-devtools 或者：  链接：https://pan.baidu.com/s/1Lg1CI8lxA58_y8w4y4i0wA   提取码：xrd7 安装插件：  第一步： 安装项目所需要的npm包： npm ...
chrome插件vue_develtool
12-03
chrome下的vue调试插件，方便进行vue的调试，该文件是通过导入的方式下载，安装和使用方式参考博主的《vue学习笔记2》
谷歌浏览器vue devtools插件
05-18
谷歌浏览器vue devtools插件，下载即可安装
vue-devtools谷歌浏览器插件
09-20
vue-devtools专门用来调试vue If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.
vue-devtools(chrome vue 调试插件)
12-02
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
Vue devtools Chrome插件
01-17
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率
Chrome 浏览器安装Vue插件方法 (十分详细)
weixin_33817333的博客
06-21 6467
博主最近在研究Vue，无奈新手想安装Chrome的Vue插件，整理下安装流程： 1.首先去github下载vue.zip文件插件（还有npm安装方法这里就不介绍了自行百度）下载地址：https://github.com/vuejs/vue-devtools 2.下载后解压 3.然后通过npm下载相关依赖，可能有些同学没有安装npm，博主也是，这里介绍下安装npm的方...
Google Chrome谷歌浏览器安装Vue插件vue-devtools
weixin_55705383的博客
01-25 1051
具体网址为随后在搜索按钮里搜索vue得到下图结果并点击。
使用Vue.js开发Chrome浏览器插件：从零到一
qq_44285141的博客
10-20 5085
Chrome浏览器插件是一种强大的工具，它可以为用户提供更丰富的浏览体验。在本篇博客中，我们将探讨如何使用Vue.js框架来构建一个Chrome浏览器插件。
chrome 插件开发 vue
最新发布
03-21
Chrome插件开发是指开发能够在Google Chrome浏览器上运行的扩展程序，而Vue是一种流行的JavaScript框架，用于构建用户界面。在Chrome插件开发中，可以使用Vue来构建插件的用户界面部分。 要开发Chrome插件使用Vue，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值