使用Vue devtools 5.3.4 调试 vue3

最新推荐文章于 2025-08-19 14:00:06 发布

梁云亮

最新推荐文章于 2025-08-19 14:00:06 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 开发工具文章标签： Vue devtools VUE3

本文链接：https://blog.csdn.net/lianghecai52171314/article/details/116990338

Vue 同时被 2 个专栏收录

122 篇文章

订阅专栏

开发工具

72 篇文章

订阅专栏

本文介绍如何在Vue3项目中集成Vue.js devtools 5.3.4版本，通过修改main.ts文件来确保开发环境下可以正常使用devtools，增强开发体验。

第一步：

vue3
Vue.js devtools的版本是5.3.4

第二步：修改main.ts

C盘搜索nhdogjmejiglipccpnnnanhbledajbpd。
比如：C:\Users\hcitl\AppData\Local\Microsoft\Edge\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\5.3.4_0
添加如下内容：

const app = createApp(App)
const win: any = window //
// if (process.env.NODE_ENV === 'development') {
    if ('__VUE_DEVTOOLS_GLOBAL_HOOK__' in win) {
        // 这里__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue赋值一个createApp实例
        win.__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue = app
    }
// }