Vite+Vue2+Composition-api+setup+TypeScript搭配开发项目基础篇
我们在搭建Vite项目，选择Vue模板之后，默认会下载Vue3模板。如果你的公司现在还没有准备使用Vue3，而在使用Vue2，那么这篇文章值得你继续看下去。下面，我将带大家如何搭建一个 Vite+Vue2+Composition-api+
初始化项目
yarn init -y
- 创建完package.json文件之后，我们可以手动修改下项目名称字段name：""。
初始化Vite
yarn add vue
- 还需要安装vue-template-compiler这个依赖，此包可用于将Vue 2.0模板预编译为渲染函数，以避免运行时编译开销和CSP限制。在编写具有非常特定需求的构建工具时，才需要单独使用它。所以，我们这里单独安装。
yarn add vite-plugin-vue2 -D
支持Composition-api
Composition-api字面意思是组合API，它是为了实现基于函数的逻辑复用机制而产生的。这也是Vue3亮点之一，那么我们如何才能够在Vue2项目中使用呢？这需要安装@vue/composition-api依赖。
yarn add @vue/composition-api
支持setup语法
setup是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖，是Vue3.2新加入的语法。那么，我们也可以在Vue2项目中使用它。
你需要安装unplugin-vue2-script-setup依赖。
yarn add unplugin-vue2-script-setup -D
在Vue2项目中使用Volar
我们建议将 VS Code 与 Volar 结合使用以获得最佳体验（如果您拥有 Vetur，您可能希望禁用它）。使用 Volar 时，您需要安装 @vue/runtime-dom 作为 devDependencies 以使其在 Vue 2 上工作。
yarn add @vue/runtime-dom -D
支持TypeScript语法
随着应用的增长，静态类型系统可以帮助防止许多潜在的运行时错误，所以推荐使用TypeScript。
yarn add typescript -D
把安装的所有依赖列出来，可以参照有没有漏的。
