美文网首页
vue3+typescript+vite下vue-devtool

vue3+typescript+vite下vue-devtool

作者: 一株四处游荡的仙人掌 | 来源:发表于2021-06-07 11:34 被阅读0次

    1.开发工具我们可以通过git安装,如果翻墙的话,可以直接在chrome应用商店安装,我是从应用商店安装的。

    2.安装后发现控制台没有显示,百度了很多答案试完都没有用,后来想了一下现有百度的答案大多都还是用vue2+javascript来写项目的,所以这种方法对于我来说应该不生效。

    3.最终百度找到了我想要的答案https://www.cnblogs.com/Zhou7364/p/14137594.html

    解决方法是在main.ts中加入这几行代码:

    const win: any = window

    if (process.env.NODE_ENV === 'development') {

      if ('__VUE_DEVTOOLS_GLOBAL_HOOK__' in win) {

        win.__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue = app

      }

    }

    自己记录一下,方便自己找到。。。

    相关文章

      网友评论

          本文标题:vue3+typescript+vite下vue-devtool

          本文链接:https://www.haomeiwen.com/subject/jnxleltx.html