生产环境如何开启 devtools vue2/vue3

「已注销」

于 2021-11-23 18:04:56 发布

阅读量3k

点赞数 6

分类专栏： Vue 文章标签： javascript vue.js chrome devtools

本文链接：https://blog.youkuaiyun.com/xxcmyh/article/details/121498959

版权

本文介绍了在生产环境中如何开启Vue2和Vue3项目的devtools进行调试。在Vue2项目中，通过修改Vue实例的config.devtools并利用__VUE_DEVTOOLS_GLOBAL_HOOK__.emit初始化；在Vue3项目中，直接修改实例的config.devtools并触发初始化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

生产环境如何开启 devtools 本地开发环境中，devtools 是默认开启的，而生产环境中默认关闭。打包时不建议手动开启该配置。遇到生产环境需要调试的，可通过开发者工具更改配置项临时开启。

一、Vue2 项目中开启

1、打开控制台，输入下列代码，回车执行

let Vue, walker, node; 
walker = document.createTreeWalker(document.body, 1); 
while ((node = walker.nextNode())) {
    
	if (node

最低0.47元/天解锁文章