运行项目

1. 拉取项目（https://github.com/vuejs/core）
2. 安装依赖（步骤 ①）
3. 开发环境 build（pnpm dev）（步骤 ②）。注：scripts/dev.js 默认已配置 sourcemap: true
4. 跑 serve（pnpm serve）（步骤 ③）

配置 dubugger

1. 修改 .vscode/launch.json 文件。在 VSCode - Run and Debug 中选择 Add Configuration...，配置为 Chrome: Launch

1. 将配置中 URL（步骤 ②）修改为 pnpm serve 中的端口（步骤 ①）
2. Start Debugging (F5)

设置断点

1. 在相应源码左边栏设置断点即可（步骤 ①）

已有调试代码在 packages/vue/examples

自定义调试代码

可参考已有调试代码进行相关调试代码编写，注入 dist/vue.global.js 即可

<script src="../../dist/vue.global.js"></script>

<div id="app">
  <!-- HTML -->
</div>

<script>
const { createApp, reactive } = Vue

const func = () => {}

createApp({
  setup() {
    const state = reactive({
      // non-privimte data
    })

    return {
      state,
    }
  },

  directives: {
    'todo-focus': (el, { value }) => {
      if (value) {
        el.focus()
      }
    }
  }
}).mount('#app')
</script>