其实，

前言

我们了解了 SolidJS 的基础实现原理之后再去探索实现 Vue Vapor 就比较容易了。在 Vue3 中数据响应式部分是独立成了一个库。 可以直接使用 @vue/reactivity 这个库响应式，接下来再去实现运行时部分。为了方便开发，我们这里先搭建一个 Vite 的开发环境。

手动搭建一个 vite 开发环境

使用者痛点：许多初学者对Vue Vapor的主要实现感到困惑，不知道如何从基础开始搭建开发环境来理解其原理。

创建一个项目目录 vue-vapor-cobyte-test接下来进到目录里面进行 npm 项目的初始化：

npm init -y

接下来安装 vite 和 @vue/reactivity

pnpm add vite @vue/reactivity

使用者痛点：不清楚如何配置package.json和入口文件来启动Vite开发服务器。

接下来修改 package.json 文件的 scripts 选项设置 vite 的启动命令：

"scripts": {
+ "dev": "vite"
},

const root = document.getElementById
root.textContent = '掘金签约作者:Cobyte'

pnpm dev

<强 用户痛点: