「2022 年 2 月 7 日」尤雨溪官宣 Vue 3 曾经成为 Vue 新的默认版本
路由治理
(1)Router
Vue 3 的官网路由管理器
GitHub:https://github.com/vuejs/router
(2)VueRouter
Vue 2 的官网路由管理器
GitHub:https://github.com/vuejs/vue-router
状态治理
(1)Pinia
Pinia 是 Vue 的专属状态治理库,它基于组合式 API,同时反对 Vue2 和 3。Pinia 起源于一次摸索 Vuex 下一个迭代的试验,联合了 Vuex 5 外围团队探讨中的许多想法。最初决定将其作为新的举荐计划来代替 Vuex。
GitHub:https://github.com/vuejs/pinia
(2)Vuex
Vuex 是一个专为 Vue.js 利用程序开发的 状态管理模式 + 库,别离在 v3 和 v4 两个大版本反对 Vue2 和 Vue3。
GitHub:https://github.com/vuejs/vuex
调试工具
(1)Vue Devtools
用于调试 Vue.js 我的项目的浏览器 devtools 扩大插件
GitHub:https://github.com/vuejs/devtools
构建工具
(1)Vite
Vue 出品的下一代前端工具链,是一个轻量级的、速度极快的构建工具,对 Vue SFC 提供第一优先级反对。
通过执行命令 npm init vue@latest
,会装置和执行 Vue 提供的脚手架工具 create-vue。官网目前更举荐创立基于 Vite 的我的项目。
GitHub:https://github.com/vitejs/vite
(2)Vue CLI
Vue 官网提供的基于 Webpack 的 Vue 工具链,它当初处于保护模式。Vue 官网倡议应用 Vite 开始新的我的项目,除非你依赖特定的 Webpack 的个性。
GitHub:https://github.com/vuejs/vue-cli
测试
(1)Vitest
由 Vite 提供反对的极速单元测试框架
GitHub:https://github.com/vitest-dev/vitest
(2)Jest
Jest 是一款优雅、简洁的 JavaScript 单元测试框架,实用于大多数 JavaScript 我的项目。
Vite 和 VueCLI 别离提供了对应的插件包 vite-jest 和 @vue/cli-plugin-unit-jest 以便在基于脚手架的环境中开发,不过 Vite 我的项目更举荐应用 Vitest 进行单元测试。
GitHub:https://github.com/facebook/jest
(3)Cypress
Vue 官网认为 Cypress 提供了最残缺的端到端解决方案,其具备信息丰盛的图形界面、杰出的调试性、内置断言和存根、抗剥落性、并行化和快照等诸多个性。同时还提供了对组件测试的反对。
GitHub:https://github.com/cypress-io/cypress
http 库
(1)Axios
Axios 是一个简洁、易用且高效的基于 promise 的网络申请库,作用于 node.js 和浏览器中。目前是市面上最支流的 web 前端网络申请库。
市面上还开源了一款基于 Vue.js 轻度封装的小型库 vue-axios
GitHub:https://github.com/axios/axios
(2)vue-resource
一个提供了 web 申请和应用 XMLHttpRequest 或 JSONP 解决响应的 Vue.js 的插件。目前 Vue 官网已不举荐应用。该我的项目未提供官网。
GitHub:https://github.com/pagekit/vue-resource
IDE 反对
(1)Volar
是一个 VSCode 插件,提供了语法高亮、TypeScript 反对,以及模板内表达式与组件 props 的智能提醒。取代了咱们之前为 Vue 2 提供的官网 VSCode 扩大 Vetur。如果你之前曾经装置了 Vetur,请确保在 Vue 3 的我的项目中禁用它。
GitHub:https://github.com/volarjs/volar.js
(2)Vetur
Vue2 提供的官网 VSCode 扩大
GitHub:https://github.com/vuejs/vetur
UI 库
(1)Element
由饿了么大前端团队开源出品的为开发者、设计师和产品经理筹备的基于 Vue 的组件库。
其中,Element Plus 基于 Vue3 开发,Element UI 基于 Vue2 开发。
GitHub:https://github.com/element-plus/element-plus
GitHub:https://github.com/ElemeFE/element
(2)Vuetify
Vuetify 是一个纯手工精心打造的 Material 格调的 Vue UI 组件库。可能让没有设计技能的开发者发明出精美的界面。
GitHub:https://github.com/vuetifyjs/vuetify
(3)Varlet
Varlet 是一个基于 Vue3 开发的 Material 格调挪动端组件库。
GitHub:https://github.com/varletjs/varlet
(4)Vant
Vant 是一个轻量、牢靠的挪动端组件库,于 2017 年开源。官网提供了 Vue 2 版本、Vue 3 版本和微信小程序版本。
GitHub:https://github.com/vant-ui/vant
站点生成
(1)Vuepress
基于 Vue 的,极简的动态站点生成器
GitHub:https://github.com/vuejs/vuepress
(2)Vitepress
基于 Vue 和 Vite 的动态站点生成器
GitHub:https://github.com/vuejs/vitepress
服务端渲染
(1)Nuxt
Nuxt 是一个构建于 Vue 生态系统之上的全栈框架,它为编写 Vue SSR 利用提供了丝滑的开发体验。
GitHub:https://github.com/nuxt/nuxt
(2)Quasar
Quasar 是一个基于 Vue 的残缺解决方案,它能够让你用同一套代码库构建不同指标的利用,如 SPA、SSR、PWA、挪动端利用、桌面端利用以及浏览器插件。除此之外,它还提供了一整套 Material Design 格调的组件库。
GitHub:https://github.com/quasarframework/quasar
最初,举荐一个由 Vue 官网保护 的开源仓库 Awesome Vue,它收录了很多与 Vue 相干的所有优质开源仓库。包含面试题,课程,开源我的项目,UI 库,第三方包,工具集,开发者工具等。