下载
- github下载源码 github.com/vuejs/core/
这里建议选择tag，下载一个稳定的版本
2. 装包 ,vue3源码是使用了pnpm的，所以我们安装一个pnpm
npm install -g pnpm
安装完之后我们执行下 安装依赖
pnpm i
运行
- 运行项目
pnpm run dev
运行项目之后，我们可以看到在packages/vue目录下面多了一个dist文件夹，这个目录就是vue3的源码了
2. debugger调试
- 在examples目录新建一个文件夹，名字可以自定义，方便自己就行，我这里建的是
waf/index.html - 在html文件中引入
vue.global.js文件，这是vue3源文件 - 创建vue3实例，关联容器,
Vue.createApp({}).mount('#app')
我们在浏览器打开index.html文件，可以看到模板已经渲染出来出来了
加上debugger调试
可以看到我们已经进去debugger调试了
but这里只能看到打包后的vue.global.js一个文件跑，想要看到底是具体哪个文件的代码，我们需要再package.json里面加个映射 --sourcemap
那么sourcemap是什么呢?
这里简单讲一哈：sourcemap是代码映射，在我们调试代码的时候可以映射到具体是哪一个文件
可以看到下图，debugger createApp方法的时候，他打开了runtime-dom/src/index.ts文件
你学废了嘛？
