Vue3 调试环境准备

641 阅读1分钟

全局安装yarn:

npm i -g yarn

迁出Vue3源码

git clone https://github.com/vuejs/vue-next.git

安装依赖

yarn install --ignore-scripts

修改配置

修改package.json中的scripts下的dev,添加--sourcemap,生成sourcemap文件方便查看源码

"dev": "node scripts/dev.js"
// 修改为
"dev": "node scripts/dev.js --sourcemap"

编译

yarn dev

当终端出现waiting for changes...意为着编译成功了,可以ctrl + c结束进程查看源码了

编译成功后的文件路径:

packages/vue/dist/vue.global.js
packages/vue/dist/vue.global.js.map

调试范例代码

yarn serve