当前位置：首页 > 科技 > 软件

2024 年 Vue 官方生态最全整理！

来源：责编：时间：2024-04-24 17:35:58 249观看

导读经过多年的不断演进，Vue 已经构建了一个极为丰富且强大的生态系统，今天就来盘点 Vue 官方生态系统中那些好用的工具！
框架Vue 有两个主要的代码仓库：Vue 2：介绍：目前已经停止维护。Github：https://github.com/vuejs/vueVue 3

经过多年的不断演进，Vue 已经构建了一个极为丰富且强大的生态系统，今天就来盘点 Vue 官方生态系统中那些好用的工具！

框架

Vue 有两个主要的代码仓库：

Vue 2：

介绍：目前已经停止维护。

Github：https://github.com/vuejs/vue

Vue 3：
介绍：官方推荐并且在积极维护更新的默认的 Vue 版本。
Github：https://github.com/vuejs/core

除此之外，还有即将推出的无虚拟 DOM 版 Vue 3 的仓库：https://github.com/vuejs/core-vapor

脚手架

Vue 官方生态中有两个脚手架：

vue-cli：

介绍：基于 Webpack 的 Vue 项目脚手架，目前处于维护状态，不在积极更新；

Github：https://github.com/vuejs/vue-cli

create-vue：
介绍：基于 Vite 的 Vue 项目脚手架，同时支持 Vue 2 和 Vue 3，它是 Vue 官方推荐的 Vue 脚手架。
Github：https://github.com/vuejs/create-vue
状态管理

Vue 官方生态中有两个状态管理工具：

Pinia：

介绍：官方推荐的直观、类型安全且灵活的 Vue 状态管理工具，支持在 Vue 2 和 Vue 3 中使用，比 Vuex 更轻量；

Github：https://github.com/vuejs/pinia

Vuex：
介绍：老牌 Vue 状态管理工具，目前处于维护状态，不会在新增功能
Github：https://github.com/vuejs/vuex

路由

Vue 的官方路由器是 Vue Router，有两个代码仓库：

vue-router：

介绍：vue-router 3 的代码仓库，仅适用于 Vue 2.0。

Github：https://github.com/vuejs/vue-router

router：
介绍：vue-router 4 的代码仓库，适用于 Vue 3。
Github：https://github.com/vuejs/router

构建

Vue 官方生态中有两个构建工具：

Vite：

介绍：Vue 官方推荐的下一代前端构建工具。

Github：https://github.com/vitejs/vite

Rolldown：
介绍：基于 Rust 的快速打包器，兼容 Rollup 的 API，目前处于积极开发中，尚未用于生产，后续会作为 Vite 的底层工具以及单独的打包器来使用。
Github：https://github.com/rolldown/rolldown

开发&调试

Vue 官方生态中的开发和调试工具包括：

Vue - Official：Vue 的官方 VS Code 插件，原名为 Volar，于近期改名。
Vue DevTools：旨在增强 Vue 开发人员体验的工具，可以通过 Vite 插件、浏览器扩展、独立应用的形式来使用。
eslint-plugin-vue：Vue.js 的官方 ESLint 插件。

测试

Vitest 是 Vue 官方测试工具，它是由 Vite 提供支持的下一代测试框架。

Github：https://github.com/vitest-dev/vitest

集成

vuefire：

介绍：Vue.js 的 Firebase 绑定，适用于 Vue >=2.7 和 Vue 3。

Github：https://github.com/vuejs/vuefire

apollo：
介绍：VueJS 的 Apollo/GraphQL 集成
Github：https://github.com/vuejs/apollo

静态站点生成器

Vue 官方生态中有两个静态站点生成器:

VuePress：

介绍：https://github.com/vuejs/vuepress

Github：简约 Vue 驱动的静态站点生成器，目前处于维护状态

VitePress：
介绍：构建在 Vue 3 + Vite 之上的下一代基于 Vue 的静态站点生成器，专为构建快速、以内容为中心的网站而设计。
Github：https://github.com/vuejs/vitepress

元框架

Nuxt 不是 Vue 团队开发的，但也是基于 Vue 的唯一元框架了，其目标是以直观且可扩展的方式使用 Vue.js 创建类型安全、高性能和生产级的全栈 Web 应用和网站。

Github：https://github.com/nuxt/nuxt

实用工具

Vueuse 团队成员 Antfu 开发的基于 Composition API 的实用函数集合，适用于 Vue 3 和 Vue 2，包含 200+ 实用函数（类似于Hooks）。

Github：https://github.com/vueuse/vueuse

Awesome

Awesome Vue 是与 Vue.js 相关的精彩内容的精选列表。

Github：https://github.com/vuejs/awesome-vue

本文链接：http://www.28at.com/showinfo-26-85236-0.html2024 年 Vue 官方生态最全整理！

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇：效率工具：Readwise Reader和Arc浏览器新功能介绍

下一篇：美团社招一面，比预想的简单

标签：

热门焦点

官方承诺：K60至尊版将会首批升级MIUI 15

全新的MIUI 15今天也有了消息，在官宣了K60至尊版将会搭载天玑9200+处理器和独显芯片X7的同时，Redmi给出了官方承诺，K60至尊重大更新首批升级，会首批推送MIUI 15。也就是说虽然
石头智能洗地机A10 Plus体验：双向自清洁治好了我的懒癌

一、前言和介绍专为家庭请假懒人而生的石头科技在近日又带来了自己的全新旗舰新品，石头智能洗地机A10 Plus。从这个产品名上就不难看出，这次石头推出的并不是常见的扫地机器
三言两语说透设计模式的艺术-简单工厂模式

一、写在前面工厂模式是最常见的一种创建型设计模式，通常说的工厂模式指的是工厂方法模式，是使用频率最高的工厂模式。简单工厂模式又称为静态工厂方法模式，不属于GoF 23种设计
K6：面向开发人员的现代负载测试工具

K6 是一个开源负载测试工具，可以轻松编写、运行和分析性能测试。它建立在 Go 和 JavaScript 之上，它被设计为功能强大、可扩展且易于使用。k6 可用于测试各种应用程序，包括 Web
一年经验在二线城市面试后端的经验分享

忠告这篇文章只适合2年内工作经验、甚至没有工作经验的朋友阅读。如果你是2年以上工作经验，请果断划走，对你没啥帮助~主人公这篇文章内容来自「升职加薪」星球星友的投稿，坐
一篇文章带你了解 CSS 属性选择器

属性选择器对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。一、了解属性选择器CSS属性选择器提供了一种简单而
品牌洞察丨服务本地，美团直播成效几何？

来源：17PR7月11日，美团App首页推荐位出现“美团直播”的固定入口。在直播聚合页面，外卖“神枪手”直播间、美团旅行直播间、美团买菜直播间等均已上线，同时
8月见！小米MIX Fold 3获得3C认证：支持67W快充

这段时间以来，包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都得到了不少爆料，而小米新一代折叠屏旗舰——小米MIX Fold 3此前也屡屡被传
外交部：美方应停止在网络安全问题上不负责任地指责他国

　中国外交部今天（16日）举行例行记者会。会上，有记者问，美国情报官员称，他们正在阻拦来自中国以及其他国家的黑客获取相关科研成果。中方对此有何评论？对此

2024 年 Vue 官方生态最全整理！

框架

脚手架

路由

构建

开发&调试

测试

集成

静态站点生成器

元框架

实用工具

Awesome

官方承诺：K60至尊版将会首批升级MIUI 15

石头智能洗地机A10 Plus体验：双向自清洁治好了我的懒癌

三言两语说透设计模式的艺术-简单工厂模式

K6：面向开发人员的现代负载测试工具

一年经验在二线城市面试后端的经验分享

一篇文章带你了解 CSS 属性选择器

品牌洞察丨服务本地，美团直播成效几何？

8月见！小米MIX Fold 3获得3C认证：支持67W快充

外交部：美方应停止在网络安全问题上不负责任地指责他国

最新推荐

猜你喜欢

热门推荐

相关资讯