关于前端:2023Vue官方生态整理

48次阅读

共计 2716 个字符,预计需要花费 7 分钟才能阅读完成。

「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 库,第三方包,工具集,开发者工具等。

正文完
 0