Vue调试神器vue-devtools安装

最新推荐文章于 2024-05-19 20:49:58 发布
最新推荐文章于 2024-05-19 20:49:58 发布
阅读量252 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46010797/article/details/105286538
版权

Vue调试神器vue-devtools安装
已经把编译好的文件放到百度链接里面下面是提取链接
在这里插入图片描述
链接：https://pan.baidu.com/s/1cu4Zd3uJ1DPpfPzuhK4mlg
提取码：nyrq

浏览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序…”按钮如果看不见“加载已解压的扩展程序…”按钮，则需要勾选“开发者模式”。
在chrome拓展程序页面上把**.crx文件拖进**去即可安装。会有出现以下这种情况
在这里插入图片描述
/
在将解压出来的vue-devtools文件拖进去，点击更新，重新打开浏览器
出现的界面就是以下，此时就安装好了
在这里插入图片描述
重新加载访问会出现vue调试的界面
在这里插入图片描述
最后安装好以后就可以看到调试非常好用的调试工具，有了它我们就可以更好的学习Vue了！！！

程序媛墨小紫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web服务器的搭建【CentOS7】
m0_48385518的博客
05-23 9115
要求完成的任务： （1）Web服务器软件的安装 （2）虚拟目录配置 （3）虚拟主机配置（基于域名的虚拟主机配置、基于IP的虚拟主机配置、基于端口的虚拟主机配置） （4）用户个人站点配置 （5）基于主机的授权、基于用户的认证 （1）web服务器的安装与测试 查看是否安装httpd软件包，若没有安装，则安装 2.将httpd服务设为开始自启动，并启动该服务 3.查看httpd服务是否启动 4.在防火墙开放80端口并查看防火墙80端口是否开放 [root@pc1桌面]#fire..
【vue2】Vue Cli脚手架与VueTools的安装详解
嗨，朋友你好！我是前端领域的工作者
01-09 4502
Vue Cli脚手架与VueTools的安装详解（看这一篇绝对够了！！！）
vue-tools插件安装
最新发布
weixin_42215834的博客
05-19 184
“极简插件“下载dev-tools插件 下载到本后，解压插件，打开chrome扩展程序，将解压后的插件拖到页面，扩展模式页面打开"开发者模式"
VUE调试工具 VueTools
bingboya的博客
07-16 1618
VUE调试工具 VueTools安装 版本推荐 个人推荐使用devtools-5.1.1版本 链接： https://download.csdn.net/download/bingboya/20321773 安装 npm install npm run build 如果没有安装 npm，需要先安装npm 免安装版本 我暂时使用的也是5.1.1版本的，只安装了谷歌，别的浏览器未测试，不喜勿喷。链接： ...
Vue Dev Tools安装
m0_37846059的博客
01-11 715
打开chrome浏览器，输入chrome://extentions/进入扩展程序，打开开发者工具。cd到vue devtool的下载解压目录，然后用cnpm install安装。路径要改成根据实际情况生成的目录，我生成的目录都在src下，不是在build下。下载后解压，然后将解压后的crx文件直接加入到chrome的扩展程序中直接安装。打开开发者工具可以看到vue页签，在这个页签中可以进行调试。cnpm安装成功，则可以直接安装vue devtool。但是通过这种方式安装的vue图标不亮，不能使用。
vue开发调试
xixingzhe2的博客
09-06 942
当遇到应用逻辑出现错误，但又无法准确定位的时候，同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。
Vue调试神器vue-devtools安装方法
11-29
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 安装方式 1.chrome商店直接安装： vue-devtools可以从chrome商店直接...
Vue调试神器vue-devtools.zip
12-26
而Vue DevTools则是Vue.js开发者的重要辅助工具，它为开发者提供了一套直观、高效的调试环境，使得在Vue应用的开发和调试过程中能快速定位问题、理解组件状态以及优化性能。 Vue Devtools 是一个浏览器扩展程序，...
vue开发调试神器vue-devtools使用详解
08-30
Vue开发调试神器Vue-DevTools使用详解 Vue-DevTools是一款功能强大且实用的开发调试工具，旨在帮助开发者快速高效地调试和优化Vue.js项目。下面将详细介绍Vue-DevTools的使用方法和技巧。 一、下载和安装Vue-...
Vue h5项目如何在本地调试和打包成app
weixin_42613910的博客
11-10 279
打包成APP也可以通过Hbuilder的5+APP进行打包，直接修改刚刚manifest.json的应用入口页面地址为你上线后的项目地址即可，项目可保持现有的模式部署在远程服务器上。打包成功后在项目目录的unpackage->release->apk 可找到生成的apk文件，右键选择安装到连接的手机上。的plus.android实现的，而普通浏览器不具备plus环境，不可直接运行到浏览器里，那在本地如何调试该功能呢？报错：遇到没有权限的报错，要把手机的蓝牙和应用的位置权限打开。可开始调试蓝牙功能~
Vue生产环境调试的方法
xuhss_com的博客
04-17 2982
Python微信订餐小程序课程视频 https://blog.csdn.net/m0_56069948/article/details/122285951 Python实战量化交易理财系统 https://blog.csdn.net/m0_56069948/article/details/122285941 vue 生产环境默认是无法启用vue devtools的，如果生产应用出了问题，就很难解决。用本文提供的方法就可以实现线上debug vue，也不需要在浏览器上打断点。 原理 先说下vue如何判断dev
vue-devtools4.1.3(已编译）
04-25
这是4.1.3已编译过的版本，适用于Chrome浏览器。解压压缩包，打开“chrome://extensions/”，勾选右上角的“开发者模式”，然后“加载已解压的扩展程序”，选择解压后的文件目录即可。成功后悔出现在插件列表中，浏览器右上角有灰色vue标志，在打开适用vue开发的页面后该标志会变绿色，F12后可找到vue。
vue-devtools
06-29
vue-devtools 最好用的vue 开发插件
vueTools开发浏览器工具
07-20
vuetools工具，直接托人浏览器，已经编译完成。 可以直接安装，获取通过https://github.com/vuejs/vue-devtools下载。自己编译
vue-devtools编译包
11-28
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用
vue.js devtools 5.3.3
04-01
该扩展程序是Chrome浏览器的扩展程序，亲测是可用的，拖拽到浏览器扩展程序页面（chrome://extensions/）安装即可，不会报错或出现错误提示
解决vue本地调试线上的接口时报跨域的问题
scenewood的博客
11-11 1732
解决vue本地调试线上的接口时报跨域的问题
Vue-Devtools的安装步骤，附npm处理过的安装文件
qq_45126286的博客
04-21 372
Vue-Devtools这个浏览器插件在我们学习vue的过程中提供了很大的帮助，借助它，我们可以很清楚了解到页面中数据。一般来说我们安装这个插件需要去gitup或者其他网站下载，下载完成后需要一系列命令解压，比较繁琐。这里提供一下比较方便的安装方法： 1.我们下载npm处理过的文件夹再进行安装就方便一些（文末有分享） 2.下载完成以后，我们点击谷歌浏览器------更多工具-----扩展程序 我...
vue.js可视化开发工具_Vue.js开发工具
热门推荐
cuk0051的博客
08-25 1万+
vue.js可视化开发工具Install on Chrome 在Chrome上安装 Install on Firefox 在Firefox上安装 Install the standalone app 安装独立应用 How to use the Developer Tools 如何使用开发人员工具 Filter components 过滤组件 Select component in the p...
Vue调试工具vue-devtools的安装
08-05
要安装Vue调试工具vue-devtools，可以按照以下步骤进行操作： 1. 首先，你需要在Chrome浏览器中安装Vue Devtools插件。你可以在Chrome网上应用商店中搜索"Vue Devtools"，然后点击"添加至Chrome"按钮进行安装。 2....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值