vue3.0 安装 vue-devtools 控制台不显示

最近在做vue3+ts的项目，需要安装vue dev-tools

安装步骤参考

安装好后发现控制台并没有vue选项

解决： 我们只需要在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
  }
}

如果是vue2.0,需要在main.js中添加如下代码：

Vue.config.devtools = true

设置完后重新启动项目即可