Vue3 has been introduced by Vue3 for a long time. After using Vue3’s compositionApi, I like this programming style. The degree of freedom and reusability are very high, but for us, the way to call these apis is like a black box, we don’t know what it is doing in it. Here for some and I are learning vue3 little white better understand the new features of Vue, especially here to record how to debug vue3 source code locally.

  1. Download the clone project from the authorities

  2. yarn install

// package.json

"scripts": {
  "dev": "node scripts/dev.js --sourcemap", this line with --sourcemap debuggingdebuggerWhen pointing to the source location... },Copy the code
  1. Introduced a new HTML/packages/vue/dist/vue. Global. Js (actually this is vue after packaging bag)

  1. yarn dev

  2. Direct the debugger to the test location