新的框架级建议
Vue 3 的支持库已经过重大更新。以下是新的默认建议的摘要
- 具有 Vue 3 支持的路由器、Devtools 和测试工具的新版本
- 构建工具链：Vue CLI -> Vite
- 状态管理：Vuex -> Pinia
- IDE 支持：Vetur -> Volar
- 新的命令行 TypeScript 支持：vue-tsc
- SSG：VuePress -> VitePress
- JSX：
@vue/babel-preset-jsx->@vue/babel-plugin-jsx
详情
构建工具链
我们现在推荐 Vite 作为 Vue 3 项目的新构建工具链。Vite 是一种新的构建工具，它提供了极快的服务器启动和热更新性能。它最初由 Vue 团队创建，但现在已成为跨框架工具。了解更多关于 我们为什么推荐 Vite。
您可以通过 create-vue（我们的新脚手架工具）创建一个新的 Vite 支持的 Vue 3 项目
npm init vue@3虽然 Vue CLI 也已升级以支持 Vue 3，但它现在处于维护状态，不再推荐用于新项目。有关从 Vue CLI 迁移到 Vite 的信息
另请参阅 新文档中的工具章节。
Vue 路由器
Vue 路由器 4.0 提供 Vue 3 支持，并且自身也有一些重大变更。查看其 迁移指南 以获取完整详细信息。
状态管理
Pinia 是新的推荐的大型状态管理解决方案。Pinia 是作为 Vuex 5 的原型创建的，现在已发展成为我们为 Vuex 5 计划的实际实现。我们决定保留其原始名称以尊重核心团队成员 Eduardo 对其投入的大量工作。
Vuex 4.0 也提供 Vue 3 支持，其 API 与 3.x 基本上相同，如果您的现有 Vuex 商店需要迁移到 Vue 3，则可以使用它。唯一的重大变更是 插件的安装方式。
IDE 支持
Volar 现在是新的官方 VSCode 扩展，它为 Vue SFC 提供了大大改进的 TypeScript 支持，包括对模板表达式的完全类型推断。
如果您之前安装了 Vetur，请确保禁用它以避免与 Volar 冲突。
Devtools 扩展
devtools 扩展已收到重大更新（发布为 v6）以支持 Vue 2 和 Vue 3。如果您之前通过 beta 通道安装了 v6，您现在可以将其删除并从稳定通道安装扩展。
TypeScript 支持
您现在可以使用 vue-tsc 从命令行对 Vue SFC 进行类型检查并生成定义文件。
另请参阅 新文档中的 TypeScript 指南。
静态网站生成器
VitePress 是 VuePress 的精神继任者，基于 Vue 3 + Vite 构建。它提供了远超以往的开发体验，并且还生成更快的网站。
JSX
Vue 3 的 JSX 支持现在通过 @vue/babel-plugin-jsx 提供。