vite element-plus项目快速debug源码的方式
前提
vite项目，且只是debug element-plus的部分源码, 至于webpack的项目, 以前没注意是不是也可以这样
为什么要debug源码
有时候遇到官方文档没说清楚的地方，或者使用时与预期结果不符，想debug源码看看，或许这是比较快的解决问题的方式？
具体做法
以表单组件为例
定义一个ref与表单绑定, 并打印ref
// 定义ref const ruleFormRef = ref<any>() // 打印ref(注意这里不要把.value写出来，因为可能是undefined) console.log(ruleFormRef) ...省略若干代码 // 将ref与表单绑定 <el-form ref='ruleFormRef'></el-form> 复制代码
查看web控制台的输出,并进入源码
至此，你就可以使用chrome的调试功能进行debug了
作者：悟空和大王
链接：https://juejin.cn/post/7030950249858334727