框架级别

构建工具链

对于 Vue 2 请使用 Vue CLI v4(webpack 4)。

Vue 3 中推荐使用 Vite(esbuild + rollup)。

虽然 Vue CLI v5(webpack 5) 支持 Vue 3，但体验并不如 Vite！

路由

Vue 2 使用 Vue Router 3。

Vue 3 使用 Vue Router 4+。

状态管理

Vue 2 使用 Vuex 3。

Vue 3 使用 Pinia。

虽然 Vuex 4 支持 Vue3，不过更推荐 Pinia，毕竟它是作为 Vuex 5 的雏形而创建的，现已实现了 Vuex 5 中计划实际实现的大部分功能。

VSCode

Vue 2 使用 Vetur。

Vue 3 使用 Volar。

Devtools 拓展

Vue 2 使用 v6。

Vue 3 使用 v6+。

TypeScript 支持

Vue 2 项目中，通常使用纯 JS 进行项目开发，不过 Vue 3 中已经对 TS 有很好的支持了！

可以使用 vue-tsc 从命令行对 Vue SFC 进行类型检查和生成定义文件。

静态站点生成器

Vue 2 使用 VuePress。

Vue 3 使用 VitePress。

JSX

Vue 2 使用 @vue/babel-preset-jsx。

Vue 3 使用 @vue/babel-plugin-jsx。