Vue3 源码调试方法

98 阅读1分钟
  1. 去官网取最新的源码
  2. 安装pnpm pnpm官网
curl -fsSL https://get.pnpm.io/install.sh | sh -
  1. 到源码的根目录安装依赖
pnpm install
  1. package.json 里面添加sourceMap
  // package.json
  "scripts": {
    "dev": "node scripts/dev.js"
  }
  // 改成
  "scripts": {
    "dev": "node scripts/dev.js --sourcemap"
  }
  1. 启动项目
npm run serve

1662024976402.jpg

  1. 打开画面,显示如下

1662025083604.jpg

  1. packages/vue/examples/里面的html文件都能打开,随便点开一本在代码里面加上debugger就能调试。也可以自己写一个。

1662025683031.jpg