使用Vue devtools 5.3.4 调试 vue3

爱被打了一巴掌 2023-01-22 05:59 12阅读 0赞

## 第一步： ##

*  vue3
 *  Vue.js devtools的版本是5.3.4  
    ![在这里插入图片描述][20210518150541952.png]

## 第二步：修改main.ts ##

*  C盘搜索nhdogjmejiglipccpnnnanhbledajbpd。  
    比如：C:\\Users\\hcitl\\AppData\\Local\\Microsoft\\Edge\\User Data\\Default\\Extensions\\nhdogjmejiglipccpnnnanhbledajbpd\\5.3.4\_0  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70]
 *  添加如下内容：

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
        }
    // }

[20210518150541952.png]: /images/20221020/22a55508bb0a480ea277853fffaac6c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW5naGVjYWk1MjE3MTMxNA_size_16_color_FFFFFF_t_70]: /images/20221020/1ed27073e66743898c30c591c964280e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue调试工具vue-devtools安装

第一步：下载 https://pan.baidu.com/s/1vTh6gvYjkyMWZBrnguNfNg 第二步：在vue-devtools目录下安装依赖包

谁践踏了优雅/ 2023年06月15日 11:08/ 0 赞/ 37 阅读

相关 vue调试工具vue-devtools安装及使用

本文主要介绍 vue的调试工具 vue-devtools 的安装和使用。工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧。 1

清疚/ 2023年05月31日 04:56/ 0 赞/ 36 阅读

相关 Vue--调试--Vue.js devtools

原文网址：[Vue--调试--Vue.js devtools\_IT利刃出鞘的博客-CSDN博客][Vue--_--Vue.js devtools_IT_-CSDN] 其他

骑猪看日落/ 2023年01月23日 11:50/ 0 赞/ 55 阅读

相关使用Vue devtools 5.3.4 调试 vue3

第一步： vue3 Vue.js devtools的版本是5.3.4 ![在这里插入图片描述][20210518150541952.png]

爱被打了一巴掌/ 2023年01月22日 05:59/ 0 赞/ 13 阅读

相关 vue调试工具vue-devtools安装及使用

安装: 1.到github下载：（下载一定要记得是master环境的代码，默认克隆后进入的是dev环境，执行npm run build会报错，执行git checkou

落日映苍穹つ/ 2023年01月04日 13:27/ 0 赞/ 166 阅读

相关 Vue调试工具vue-devtools安装

Vue-DevTools的安装使用方法一：点击谷歌浏览器右上角「三点」图标 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW

﹏ヽ暗。殇╰゛Y/ 2022年12月13日 14:25/ 0 赞/ 257 阅读

相关 vue调试工具vue-devtools安装及使用

vue调试工具vue-devtools安装及使用本文主要介绍 vue的调试工具 vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-d

朱雀/ 2022年05月20日 03:27/ 0 赞/ 399 阅读

相关安装vue调试工具 vue-devtools

vue-devtools是一款基于chrome浏览器的插件，在调试过程中可以省去打console.log，他会自动把我们在data上定义的数据动态的显示出来（数据改变，它也跟随

绝地灬酷狼/ 2022年05月14日 04:13/ 0 赞/ 520 阅读

相关 vue 调试工具 vue-devtools

工欲善其事, 必先利其器。首先下载该工具源码 [https://github.com/vuejs/vue-devtools][https_github.com_vuejs_

ゝ一世哀愁。/ 2022年03月10日 06:36/ 0 赞/ 382 阅读

相关 vue调试工具vue-devtools安装及使用

一、为什么要使用vue-devtools 由于用vue脚手架写的源代码，运行时，先经过webpack打包，打包后的结果和我们的源代码不一样，所以，没法调试程序，没法

r囧r小猫/ 2021年10月24日 00:36/ 0 赞/ 656 阅读