Vue3.0源码学习——环境搭建

vue3目前版本为^3.2 github

克隆项目

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

准备工作

• vue3.0使用pnpm进行代码包管理，需要先安装，国内设置淘宝镜像

npm install -g pnpm
pnpm config set registry https://registry.npm.taobao.org

• Chrome浏览器

安装依赖

package.json 中的 puppeteer 可暂时删除（非必须），比较耗时，调试代码用不到

pnpm install

配置脚本

package.json 增加 --sourcemap 方便调试

"scripts": {
    "dev": "node scripts/dev.js --sourcemap",
    ...
}

打包

pnpm dev

起服务

调试项目中已有的 example

pnpm serve

/packages/vue/examples/composition/todomvc

调试

• 控制台 Sources 中快捷键 ctrl + p 找到 todomvc

• 找到入口 creatApp 打断点，刷新页面找到vue的入口文件位置 /packages/runtime-dom/src/index.ts