网站首页 > 教程文章 正文
我们都知道 Vue 是一个易学易用、高性能、渐进式的 JavaScript 框架,应用范围广泛,深受开发者喜爱。 随着Vue3引入了 Composition API,使得逻辑复用更加友好了。
如今2024年都已经过半了,很有必要来更新一下你项目中的 vue 相关工具链了~
Pina
Pinia 是 Vue 最新一代的轻量级状态管理库。它与 Vue 2.x 和 Vue 3.x 兼容。它是 Vue 团队的一名正式成员于 2019 年 11 月重新设计的状态存储,它允许您跨组件/页面共享状态,并且是响应式的,类似于 Vuex。
VueRequest
VueRequest 是一个可以轻松帮助你管理请求状态的库,支持 SWR、轮询、错误重试、缓存、分页等常用功能。
Vitest
Vitest 是 vite 团队推出的下一代测试框架,基于 vite 框架,构建快速高效的单元测试。npm 下载总量有 500 多万, 在单元测试领域里面也是占领一分天地了。
Rspack
基于 Rust 的高性能 Web 打包工具,具有速度快,兼容性好的特点在2024年开始崭露头角。并且在 2024年已经完成 1.0 版本的发布。
VueUse
VueUse 对标 react 的 ahook 有着丰富的 hook 函数。 借助于 vue-demi ,使得 vueuse 在 vue2 和 vue3 中可以使用。
unocss
UnoCSS 是一个由 Antfu 开发的 CSS 框架,其核心特点是即时、按需生成 CSS 样式,通过原子化设计将 CSS 样式拆分为最基本的元素,并仅在需要时生成相应的 CSS 规则,从而显著减少加载时间和生成的 CSS 文件大小。
Vxe-table
我可以说这个表格库应该是你能想到的表格场景这个库里面都有,你没想到场景,这里面估计也有,强烈推荐可以关注一下。
pnpm
都2024年了,是时候在新项目中使用 pnpm包管理工具了。
因为 pnpm 是一个快速、高效、且节省磁盘空间的 JavaScript 包管理器。与其他流行的包管理器(如 npm 和 Yarn)相比,pnpm 有一些独特的特性,使其在处理大型项目和多项目仓库时表现得更加出色。
VTable
字节出品的表格组件,基于 canvas实现的表格,具有天然的性能优势,同时也天然支持虚拟滚动。
拖拽库
vue3 版本中最新的拖拽库,是基于React DnD 开发的Vue3 版本。与React DnD的功能基本一致。
Rspress
一个和 vitepress 一样的静态站点生成器,基于 rust 的生态,在构建速度上比 vitepress 更有优势
小结
如果您有疑问或者其他问题,欢迎留言评论,大家一起探讨,一起进步~ 欢迎点赞、关注、转发~
猜你喜欢
- 2025-07-09 不再推荐!Vue3 为何放弃了这个 JavaScript 模式?
- 2025-07-09 VueUse工具库:5行代码实现全局状态
- 2025-07-09 3个编写JavaScript高质量代码的技巧,让你不再996
- 2025-07-09 第3章 Vue.js快速精要(vue.js computed)
- 2025-07-09 Vue 3+TypeScript终极指南:零类型错误实战
- 2025-07-09 Vue3+Bootstrap5整合:企业级后台管理系统实战
- 2025-07-09 2025 年的前端:影响、发展与趋势(未来前端发展方向)
- 2025-07-09 微软公布Win10 SDK 10586开发工具更新详情
- 2025-07-09 Pinia+effectScope:状态管理轻量化实践
- 2025-07-09 Vue状态管理:Pinia完整指南(vue的状态改变方式)
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)