vue3+typescript+vite下vue-devtools安装成功，但是控制台不显示的问题

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

  }

}

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