精华内容
下载资源
问答
  • 开发者工具
    千次阅读
    2022-03-09 16:00:34

    此篇文章帮助我记录,自己新手在使用Vue开发者工具遇到的问题

    问题的大前提,要检查有无安装好Vue开发者工具

    1、安装了 Vue.js devtools,也就是Vue开发者工具(Vue官网有详细介绍)

    https://cn.vuejs.org/

    2、在浏览器中安装,在扩展程序管理中添加
    3、启动 Vue.js devetools
    设置1
    4、最重要一步!开启允许访问文件网址
    设置2
    5、基本能够在控制台中看到,并使用Vue开发者工具了
    6、我会将Vue开发者工具固定在浏览器上,这样页面中使用了Vue,图标就变绿色,方便查阅和调试。(看个人需求!!操作如下图,未固定是一个灰色的铁钉;固定好就是蓝色的铁钉,和下图一样)
    固定

    ———————————————————————————

    问题一:Vue.js is detected on this page. Open DevTools and look for the Vue panel.

    这句话的翻译是:
    Vue.js已经在页面中检测到了。请打开你的开发者工具,并查找Vue面板。

    (必须是做好了上面“前提”的步骤)

    注意!(前方高能)
    请马上!! 在键盘上按下F12(或鼠标右键,点击“检查”),会出现以下界面,而Vue面板就在最右侧!!点击就能看到了。
    控制台界面
    Vue面板在控制面板

    而不是!!! 一直按浏览器上右上角的扩展程序,
    在这里插入图片描述

    觉得怎么它没有跳转(我就是这样的傻瓜行为,请大家不要做)。

    ———————————————————————————

    问题二:Vue.js not detected

    这句话的翻译是:
    Vue.js在页面中未检测到。
    Vue开发工具未检测到
    可能原因是: 你所编写的页面,没有引入Vue.js。
    (据说没有引入开发版会有问题,但我在编写简单的页面代码时引用生产版暂时未发现有报错问题。且我认为两者的区别是开发版报错会有友好的提示,而生产版则只有底层的错误信息。)
    开发版引用
    引用Vue.js
    我引入后,Vue开发者工具就能正常使用了。(显示的是问题一中的语句,其实就是已经成功啦)
    显示成功

    ———————————————————————————

    综上所述:

    很多时候的报错,都会有一些友好的提示,最好要认真分析错误到底是在说些什么,才能够找到原因,再解决问题。
    一切的困难都不是问题!!
    (本文只是个人理解,帮助自身对Vue的学习)

    更多相关内容
  • 运行uni-app在微信开发者工具下注意的问题: (1)在点击工具栏里的文件 -> 新建 -> 项目: (2)选择uni-app,输入工程名,如:hello-uniapp,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可...
  • 微信Web开发者工具,可用于微信小程序,微信公众号的开发
  • 在某些情况下我们需要检测当前用户是否打开了浏览器开发者工具,比如前端爬虫检测,如果检测到用户打开了控制台就认为是潜在的爬虫用户,再通过其它策略对其进行处理。本篇文章主要讲述几种前端JS检测开发者工具是否...
  • 包含vue_dev_tools.crx,vue3_dev_tools.crx。 直接添加至浏览器的扩展程序即可。
  • 微信开发者工具

    2017-12-15 16:44:51
    微信开发者工具,最近微信开发者中心推出了微信web开发者工具,对于我们这些开发微信公众平台的非常实用,所以来安装起来用用
  • 小程序开发工具
  • 微信Web开发者工具-Mac

    2018-08-09 13:38:02
    为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。版本号:1.02.1808080
  • 新版微信开发者工具更新后很多用户出现启动出现黑屏卡屏,现我将解决方法及代码贡献出来,让更多开发者能够及时生产。
  • 为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。版本号:1.02.1808080
  • Vue3的开发者工具,添加在浏览器的插件中,可以方便我们查看Vue数据
  • 1、现在的微信开发者工具内嵌小程序小游戏,启动慢,占资源 2、此版本为早期还没有小程序的时候,官版开发者工具
  • 开发者工具为小程序提供了一种利用PC端调试小程序的能力。
  • 使用快捷键 F12 调出开发者工具,你也可以右击鼠标,然后找到检查元素,进入开发者工具 使用快捷组合键 Ctrl+shift+P ,打开一个可以输入命令查找文件的窗口 然后输入: Capture full size screenshot ,意思是...
  • 一:删除微信web开发者工具中失效项目 分享者:一斤代码,来自授权地址  我日常使用微信web开发者工具来学习和开发我们的微信小程序,在这过程中,我们可能会创建很多小程序项目,总会有时候,我需要删除我们不需要...
  • 21年9月版本-微信开发者工具1.05.2109131版本(x64)
  • 微信web开发者工具

    2018-01-20 05:52:06
    小程序开发,小程序开发,小程序开发,小程序开发,小程序开发,小程序开发,小程序开发,
  • 主要为大家详细介绍了Java微信公众平台开发第十四步,微信web开发者工具的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 微信开发者工具安装包
  • 蚂蚁开发者工具也就是支付宝小程序开发工具,支付宝小程序是一种全新的开放模式,它可以被便捷地获取和传播,为终端用户提供更优的用户体验,支付宝小程序开发工具主要面向的
  • 微信Web开发者工具安装程序 微信Web开发者工具安装程序
  • 有时候微信官网会下载不了开发者工具, 可以在这边下载
  • 永久使用浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码
  • 打开最新版本微信开发者工具一直黑屏,要怎么解决?简单又有效,黑屏问题麻烦打开C:\\users\\<>\\AppData\\Local\\微信开发者工具\\user data\\WeappLocalData 放置这个文件就可以了,其他系统目录名称大致一样的。
  • Chrome 开发者工具使用详细手册 2019年1月最新整理文档,200多页,图文并茂。 谷歌官方文档
  • 微信小程序开发者工具v0.11 Win版
  • 开发者工具

    2017-10-09 18:22:13
    开发者工具,系统自带的一个用于开发者的工具 开发者工具,系统自带的一个用于开发者的工具

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 751,465
精华内容 300,586
关键字:

开发者工具

友情链接: UHGKB.rar