Vue官方生态整理
今天，咱们来整理下最新的 Vue 相关的「官方」生态都有哪些，考察你是不是都听过或用过？
首先，是众所周知的 Vue 全家桶：Vue 框架 + 路由 + 状态管理。
Vue
vuejs/vue[1]
Vue2 的代码仓库
vuejs/core[2]
Vue3 的代码仓库
路由 Router
vuejs/vue-router[3]
Vue2 的官方前端路由解决方案
vuejs/router[4]
Vue3 的官方前端路由解决方案
状态管理 State Management
Vuex[5]
Vue 官方的状态管理器，分别在 v3 和 v4 两个大版本支持 Vue2 和 Vue3。
Pinia[6]
又一个官方的 Vue 状态管理器，比 Vuex 更轻量，基于 Vue 的组合式 API（composition API），同时支持 Vue2 和 3，被认为是下一代的 Vuex。
由于 Vue3 引入了 Hook 的概念，这边也介绍下与 Hook 有关的：
Hook
vue/composition-api[7]
用于提供组合式 API（composition API）的 Vue 2 插件。能在 Vue2 项目中使用 Vue3 的部分 API，帮助项目顺利迁移过渡到 Vue3。
vueuse[8]
能够用于 Vue 2 和 Vue 3 项目的组合式 API（composition API）实用 utils 工具集合。有 useMouse、useScroll 等上百种 hook 函数。据说目前的 Vuer，vueuse 是除了 lodash 以外必装的工集。
vue-demi[9]
Vue Demi （demi 在法语中有半的含义）是一个给开发 Vue 第三方包的开发者使用库，支持你开发出同时支持 Vue2 和 3 的通用 Vue 库。vueuse，vuelidate 和 vue-echarts 都使用了该工具。
接下来看看 Vue 项目工程化相关：
构建工具 Build Tool
Vite[10]
Vite(法语单词，表示“快速”，发音为/vit/，就像“veet”)，被称为下一代前端开发与构建工具，极大地改善了前端的开发体验。特点就是快!
脚手架 Scaffold
create-vue[11]
快速搭建基于 Vite 的 Vue 项目的官方脚手架，只需执行命令npm init vue@3。
vue-cli[12]
快速搭建基于 webpack 的 Vue 项目的开发者工具，目前官方更「推荐使用」 create-vue。
编辑器 Editor
Vetur[13]
官方的 VSCode Vue 工具扩展，包括语法高亮，代码片段（snippet），Lint 校验，代码格式化等特性。Vue 开发者必装。
eslint-plugin-vue[14]
Vue 官方的 ESLint 插件。
vue-eslint-parser[15]
自定义 ESLint 解析 .vue 单文件的解析器。
调试套件 Devtools
Devtools[16]
用于调试 Vue.js 项目的浏览器 devtools 扩展插件。
测试 Test
Test Utils[17]
服务于 Vue 3 的组件测试工具集。
vue-jest[18]
Vue 单文件组件的 Jest 转换器。
构建 Build
vue-loader[19]
是 webpack 的一个 loader，允许你用单文件组件(sfc)的格式创建 Vue 组件并打包。
babel-plugin-jsx[20]
Vue 3 的 Babel JSX 插件。以 JSX 的方式来编写 Vue 代码。
rollup-plugin-vue[21]
使用 rollup 构建 Vue 单文件的插件，已经不再维护，推荐使用 Vite 及 @vitejs/plugin-vue。
除了项目开发相关，还有一些其他的官方仓库：
站点生成 Static Site Generator
Vuepress[22]
基于 Vue 的，极简的静态站点生成器。通常用于生成个人博客和文档站点。
Vitepress[23]
基于 Vue 和 Vite 的静态站点生成器。是 VuePress 的 vite 版本。
