vue3学习源码准备工作

1. 学习路线

• 使用正常初始化项目的方式， vite + vue3 脚手架的方式初始化项目 vite网站

  # npm 6.x
  npm create vite@latest my-vue-app --template vue
  
  # npm 7+, extra double-dash is needed:
  npm create vite@latest my-vue-app -- --template vue
  
  # yarn
  yarn create vite my-vue-app --template vue
  
  # pnpm
  pnpm create vite my-vue-app --template vue
  

  yarn create study-vue3-code -- template vue
  
  cd ./study-vue3-code
  
  yarn
  
  yarn dev
  
  # 就能看到 localhost:3000 的vite的欢迎页面 说明 项目初始化成功
  

  # 初始化完 依赖的 版本号记录 package.json
  {
    "name": "study-vue3-code",
    "private": true,
    "version": "0.0.0",
    "scripts": {
      "dev": "vite",
      "build": "vite build",
      "preview": "vite preview"
    },
    "dependencies": {
      "vue": "^3.2.25"
    },
    "devDependencies": {
      "@vitejs/plugin-vue": "^2.3.3",
      "vite": "^2.9.9"
    }
  }
  

• 然后根据项目中使用的 Vue 的 api 来会看源码的策略

    下面我们将详细介绍 createApp方法， mount()方法，组件为啥要这种格式初始化等参考后面的文档。