相信很多同学都已经上手Vue3了，用起来真的很好吃！不学源码怎么学技术，多看源码，说不定哪天你就当老板了︿(￣︶￣)︿今天把调试Vue3源码的过程记录下来，以备日后参考。准备工作首先需要下载源码并安装依赖：mkdircodegitclonehttps://github.com/vuejs/vue-next.gitcd./vue-nextyarninstall执行上面的设置后，会得到如下文件结构：贴心小贴士：由于国内访问Github的速度，我一般都是将Github上的项目导入到Gitee中，然后从Gitee中克隆出来。速度真的很快！基本调试在vue-next目录下，使用终端执行yarnrundev，得到如下输出：使用VSCode的LiveServer插件运行packages/vue/examples/composition/grid.html，然后打开控制台查看代码，结果是：所有Vue.global.js的代码都已经集成到vue.global.js中了。调试代码时，都会用到这个文件中的所有代码。如果你想调试Vue3的TypeScript源码，应该怎么办？调试TypeScript源码首先在vue-next/package.json的脚本命令中加上-s或-sourcemap：然后执行“开发与调试”中的步骤，结果如下：可以看到，在这个point，我们可以break点击进入Vue3的TS源码，也就是我们调试的是Vue3源码。总结从上面的操作我们可以看出，如果我们在构建Vue3的时候加上-sourcemap参数，结果是可以直接在Chrome浏览器中调试TS源码。~~本文到此结束，感谢阅读！~学习有趣的知识，认识有趣的朋友，塑造有趣的灵魂！大家好，我是〖编程三昧〗的作者王隐，我的公众号是《编程三昧》，欢迎关注，希望大家多多指教！你来，怀揣期待，我以墨香迎接你！您归来，不分得失，只送回味！知识与技能并重，内功与外功并重，理论与实践两手抓，两手都要用力！
