一. 下载源码
git clone https://github.com/vuejs/vue-next.git
二. 安装依赖
- 下载好后安装
npm i
或yarn
都会安装失败:
This repository requires using pnpm as the package manager for scripts to work properly.
- 需要先安装
pnpm
再执行pnpm install
# 这里采用局部安装,也可以全局安装
npm i pnpm
npx pnpm i
三. 打包源码
添加--sourcemap
,打包后生成映射文件,方便调试。
执行打包命令,rollup开始打包
npm run dev
bundles D:\source\vue-next\packages\vue\src\index.ts → packages\vue\dist\vue.global.js.
即从index.ts
开始打包,打包成vue.global.js
文件。
四. 调试代码
新建html文件,引入打包后的vue.global.js
文件,然后在浏览器打开
添加断点,开始调试
1
1
1
1
1
1
1
1
1
1