Vue3 已经被尤大大推出来了很长时间了,在使用过 Vue3 的compositionApi后就感觉很喜欢这样的编程风格,自由度、复用性都很高,但是对于我们来说调用这些api的方式就是像一个黑盒子一样, 不知道他在里面干了什么事情,这里为了一些和我一样正在学习vue3的小白更好的了解vue的新特性,特在这里记录下如何在本地调试vue3的源码.
-
yarn install
// package.json
"scripts": {
"dev": "node scripts/dev.js --sourcemap", 这行加上 --sourcemap 调试debugger时候指向源码位置
...
},
- 新建html 引入 /packages/vue/dist/vue.global.js (实际上这个是vue打包后的包)
-
yarn dev
-
在需要测试的位子直接debugger即可