zoukankan      html  css  js  c++  java
  • Vue3中使用调试工具 Vue.js Devtools

    如果安装的是正常版本的Vue.js Devtools,在vue3的项目中无法正常使用,是灰色的

    网上查了很多方法:
    比如检查 manifest.json 文件,把 "persistent": false,改为:true (我电脑中的地址:C:UsersluAppDataLocalGoogleChromeUser DataDefaultExtensionspnhdnpnnffpijjbnhnipkehhibchdeok.12.0_0)
    等等。。。
    在尝试了各种方法之后,最终发现是vue3的问题,使用vue3需要使用Beta版本的 devtools
    卸载了之前的 vue2 的Devtools调试工具,重新安装Beta版本后可以正常使用了

    安装方法:

    1、下载Beta版本的 devtools
    2、打开谷歌浏览器的插件页面 chrome://extensions/,把下载好的调试工具解压拖动到该页面放开,会跳出是否添加插件,添加就可以了
    3、插件页面要打开开发者模式

    插件开关打开,点详细信息

    打开允许访问文件网址

    点击浏览器右上角的插件图标,点击固定,让调试工具固定显示就可以了

    关闭页面重新打开,按F12,就可以看到多了一个vue选项

  • 相关阅读:
    Git使用方法
    设计模式之原型模式
    php基础查找算法
    php基础排序算法
    设计模式之工厂模式
    设计模式之代理模式
    设计模式之装饰者模式
    设计模式之六大原则
    设计模式之策略模式
    设计模式之简单工厂模式
  • 原文地址:https://www.cnblogs.com/qingheshiguang/p/15006373.html
Copyright © 2011-2022 走看看