vue3 引用vue-detools

已于 2022-10-20 09:39:34 修改
阅读量388 收藏
点赞数
文章标签： vue.js chrome yarn
于 2022-10-19 16:43:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lw07081022/article/details/127410488
版权

vue路由切换时出现错误 api.now is not a function,多方查询才知道是vue-detools版本问题，升级版本解决了这个问题

1、下载最新版本  GitHub - vuejs/devtools at v6.4.5

2、解压下载好的压缩包

3、进入解压好的压缩包，执行yarn install 安装依赖

4、yarn run build 

5、浏览器打开扩展程序 chrome://extensions/，

6、将shell-chrome拖入扩展程序中，就成功了

 7、关闭浏览器，并重新打开，就可以了

海棠依旧lw
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue调试工具vue-devtools安装及使用方法
12-12
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 cd vue-devtools cnpm install 3.修改manifest.json文件 把”persistent”:false改成true  4.编译代码 npm run build 5.扩展Chrome插件 Chrome浏览器 >  更多
vue3安装vue-tools
xsjCoding的博客
01-03 885
这个文件直接拖进扩展程序。
我们团队在 Vue 3 Dev Tools 的帮助下，调试效率有了质的飞跃！
2401_84092068的博客
04-06 659
由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！点击【学习资料】即可免费领取！由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！点击【学习资料】即可免费领取！[外链图片转存中…(img-OwmMY0MX-1712344370146)][外链图片转存中…(img-z5QMx9aB-1712344370146)]
vue3-dev-tools.crx
02-22
vue3_dev_tools.crx
vueTools开发浏览器工具
07-20
vuetools工具，直接托人浏览器，已经编译完成。 可以直接安装，获取通过https://github.com/vuejs/vue-devtools下载。自己编译
vue调试工具Devtools不出现的解决方式
weixin_39854011的博客
02-18 2577
文章引用：https://blog.csdn.net/przlovecsdn/article/details/82256558 在使用vuex时，想直观的查看数据state的变动，用Devtools可实现，但是在Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools） vue图标： 开发者工具： 扩展程序： 没显示调试工具的原因是： 1.用了生产环境的版本 2.压缩的vue版本 3.或是没有勾选：允许访问文件网址
在vue3中使用WebSocket的正确姿势，优雅~实在是太优雅了~
a1518079148的博客
03-17 4198
在vue3使用WebSocket的正确姿势，此教程针对typescript，提供断线自动重连，断线数据重发，自动心跳，自定义消息发送机制
Vue3-devtools开发者工具正确安装方法
Zhang_wang_yun的博客
05-30 1万+
学习Vue3自然离不开调试工具Vue3-Devtools，所以我们需要来下载这个调试工具并放入谷歌浏览器里的扩展程序里面。帮助我们更好的调试vue3里的程序。
VUE3 VUE-DEVTOOLS 安装
ashin8032的博客
01-20 1万+
Vue3 Vue-Devtools安装
【前端开发工具】VUE3 devtools安装
zxsy19966的博客
07-01 1万+
Vue3 devtools安装
正确开启vue3.0调试工具vue-devtools
球球不吃虾WHR2349博客
03-12 6638
正确开启vue3.0调试工具vue-devtools 1.去https://github.com/vuejs/vue-devtools官网下载，注意下载beta版本的，这个才是vue3.0用的 2.如果是用火狐浏览器，点击beta应该是直接进入火狐的插件中心，直接安装就行了。 如果安装谷歌版的，下载vuejs_devtools_beta-6.0.0.7-an+fx.xpi文件，6.0.0.7是我下载时候的最新版本号，下载好以后解压，进去npm install一下。然后就安装一下就o了。 我火狐和谷歌都安
vue-admin-template-master.zip
12-05
vue-admin-template-master.zip
vue3.0 vue-quill-editor.rar
09-19
vue3.0+vue-quill-editor+element富文本编辑引入可直接使用 可上传图片调整图片大小
vue-simple-uploader for vue3源码
04-22
vue3大文件分片上传源码，基于vue-simple-uploader进行修改
详解如何解决Vue和vue-template-compiler版本之间的问题
10-18
主要介绍了详解如何解决Vue和vue-template-compiler版本之间的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-virtual-scroll-grid：Vue 3的可重用组件，以高效的方式将具有大量项目（例如1000多个项目）的列表呈现为网格
02-15
安装npm istall vue-virtual-scroll-grid枫树< template> <!-- length: The number of items in the list. --> <!-- pageSize: The number of items in a page from the item provider (e.g. a backend API...
vue-devtools的安装与使用
qq_44552416的博客
07-07 2054
2，安装完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，将vender 文件下的 manifest.json ，修改persistent 为 true。components： 显示当前点击组件的可用数据,并可以修改和添加，修改可实时反应在界面中，非常方便调试一些业务流程比较繁琐，可以任意展示其中的一步操作的界面。events： 记录事件，比如点击事件，当你点击之后，这里会显示出来点击事件来源于哪一个组件，以及事件名等信息。只有在本地运行的项目才能查看。
chrome 的vue3的开发者devtool不起作用
LlanyW的专栏
11-10 1599
依赖安装完成后，开始打包build。需要注意，这里的命令需要带watch，如果不带，会出错。因为devtools必须使用yarn进行下载，所以我们要下载yarn这个包管理工具。代码执行一阵后，出现此图画面，并没有其他反应后,此时Ctrl+C退出即可。刚刚vue2升级到vue3，旧的devtool识别不了vue3数据。运行vue3的页面，devtool可以识别了。接下来执行编译给chrome版本脚本。编译成功话，可以用看到这个包。加载扩展程序ok，错误不用管。下载项目解压，目录下cmd。
图文详解vue.js devtools插件使用方法
热门推荐
xsq123的专栏
06-19 4万+
本文重点介绍Vue.js devtools使用方法，提供chrome插件直接安装和源代码安装两种方法，你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
vue3 vue-grid-layout 安装
最新发布
05-09
要使用 Vue3 Vue-grid-layout，您需要首先安装 Vue3 和 Vue-grid-layout 包。您可以通过以下步骤完成安装： 1. 在终端或命令行中进入您的项目文件夹。 2. 运行以下命令来安装 Vue3：`npm install vue@next` 3. 运行...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值