《2022年2月7日》优雨熙正式宣布Vue3成为Vue路由管理的新默认版本(一)RouterVue3的官方路由管理器GitHub:https://github.com/vuejs/router(2)VueRouterVue2官方路由管理器GitHub:https://github.com/vuejs/vue-router状态管理(1)PiniaPinia是Vue专属的状态管理库,基于组合API,支持Vue2和3。Pinia起源于探索Vuex下一次迭代的实验,结合了Vuex5核心团队讨论中的许多想法。最终决定取代Vuex作为新的推荐方案。GitHub:https://github.com/vuejs/pinia(2)VuexVuex是专门为Vue.js应用开发的状态管理模式+库。它分别在v3和v4中支持Vue2和Vue3。GitHub:https://github.com/vuejs/vuex调试工具(一)VueDevtools浏览器devtoolsextensionfordebuggingVue.jsprojectsGitHub:https://github.com/vuejs/devtools构建工具(一))下一个ViteVue出品的第一代前端工具链是一款轻量级极速构建工具,为VueSFC提供优先支持。通过执行命令npminitvue@latest,将安装并执行Vue提供的脚手架工具create-vue。官方目前推荐创建基于Vite的项目。GitHub:https://github.com/vitejs/vite(2)VueCLIVue官方提供了基于Webpack的Vue工具链,目前处于维护状态。Vue官方推荐使用Vite开始新项目,除非你依赖特定的Webpack功能。GitHub:https://github.com/vuejs/vue-cli测试(1)Vitest是一个由Vite驱动的极速单元测试框架GitHub:https://github.com/vitest-dev/vitest(2)JestJest是a优雅简洁的JavaScript单元测试框架,适用于大多数JavaScript项目。Vite和VueCLI分别提供了对应的插件包vite-jest和@vue/cli-plugin-unit-jest用于脚手架环境下的开发,但Vite项目推荐使用Vitest进行单元测试。GitHub:https://github.com/facebook/jest(3)CypressVue官方认为Cypress提供了最完整的端到端解决方案,具有信息丰富的图形界面、出色的可调试性、内置断言和存根以及Peeling,并行化和快照是许多其他功能。它还提供对组件测试的支持。GitHub:https://github.com/cypress-io/cypresshttplibrary(一)AxiosAxios是一个简单易用高效的基于promise的网络请求库,工作在node.js和浏览器中。是目前市面上最主流的web前端网络请求库。市面上还有一个基于Vue.js轻封装的github小库vue-axios:https://github.com/axios/axios(2)vue-resource提供web请求,使用XMLHttpRequest或JSONP处理响应的插件对于Vue.js。目前Vue已被正式弃用。该项目不提供官方网站。GitHub:https://github.com/pagekit/vue-resourceIDE支持(1)Volar是一个VSCode插件,提供语法高亮、TypeScript支持,以及模板中表达式和组件props的智能提示。替换了我们之前用于Vue2的官方VSCode扩展Vetur。如果您之前安装了Vetur,请确保在您的Vue3项目中禁用它。GitHub:https://github.com/volarjs/volar.js(2)VeturVue2官方提供的VSCode扩展GitHub:https://github.com/vuejs/veturUI库(1)Element由前端开源-饿了么团队一个面向开发者、设计师和产品经理的基于Vue的组件库。其中ElementPlus基于Vue3开发,ElementUI基于Vue2开发。GitHub:https://github.com/element-plus/element-plusGitHub:https://github.com/ElemeFE/element(2)VuetifyVuetify是一个手工精心打造的材质风格的VueUI组件库。使没有设计技能的开发人员能够创建漂亮的界面。GitHub:https://github.com/vuetifyjs/vuetify(3)VarletVarlet是一个基于Vue3开发的Material风格移动端组件库。GitHub:https://github.com/varletjs/varlet(4)VantVant是一个轻量级、可靠的移动端组件库,于2017年开源。官方提供Vue2版本、Vue3版本和微信小程序版本。GitHub:https://github.com/vant-ui/vant建站(一)Vuepress基于Vue,极简静态站点生成器GitHub:https://github.com/vuejs/vuepress(二)基于Vitepress关于Vue和Vite的静态站点生成器GitHub:https://github.com/vuejs/vitepress服务端渲染(一)NuxtNuxt是一个构建在Vue生态之上的全栈框架,提供了编写VueSSR应用的Silky流畅的开发体验。GitHub:https://github.com/nuxt/nuxt(2)QuasarQuasar是一个基于Vue的完整解决方案,它允许你使用相同的代码库来构建具有不同目标的应用程序,例如SPA、SSR、PWA、移动端应用程序、桌面应用程序和浏览器插件。此外,它还提供了一套完整的MaterialDesign风格的组件库。GitHub:https://github.com/quasarframework/quasar最后推荐AwesomeVue,一个由Vue官方维护的开源仓库,里面收录了很多与Vue相关的优质开源仓库。包括面试题、课程、开源项目、UI库、第三方包、工具集、开发者工具等。
