2024 Vue 最全的生态工具组合介绍指南

2024-11-14

只管 Vue2 很多名目在用，然而官网曾经发表不在保养 Vue2，所以新名目必需首选 Vue3 来启动开发，组合式 API 开动员来比选项式 API 繁难多了，而且 Vue3 的照应式成功也愈加正当，对 typescript 的允许也更好，打包体积也更小，模板编译参与了静态节点优化的优化

官网出品的 SSR 框架，相对是首选

如今 Vite 这个构建工具有多火不用我说了吧？相比于 Webpack，Vite 比拟轻量，且开发阶段构建超级快，除非旧名目依赖 Webpack，不然新名目首选 Vite

在包治理器的选用上，首选 PNPM，相比于 NPM，它能处置很多疑问，例如幽灵依赖、装置速度快、节俭空间、自然允许 Monorepo

相比于老牌形态治理 Vuex，Pinia愈加小巧，经常使用起来也愈加繁难，对 Typescript 的允许也更好，并且所见即所得让开发者开动员来愈加温馨

Pinia 也官网允许了耐久化缓存的措施，十分繁难，拓展性也更强

Http 恳求库

Axios 无疑是当今 Http 恳求库的王者，无论是 Node 还是阅读器端，它都能很好地允许，且性能起来比拟灵敏，拓展性十分强，难怪下载量不时居高不下

其实 ElementUI 和 Antdv 这两个组件库都能满足大局部的 PC 端的网页开发，至于选用哪个就看团体审美了，这两个照旧占据着 Vue PC 端 UI 库的前二

Vuetify 中的每个组件都是在 Google Material Design 规范下制开收回来的，并附带数百个适宜任何格调或设计的自定义选项；

Vant 是 Vue 移动端开发选用最多的 UI 库，且十分轻量~

表格组件其实很多 UI 组件库都具有，然而毕竟他们精神有限，所以很多表格组件的品质都比拟普通

老牌表格组件库了，性能超级多，没有做不到的，只要你想不到的

字节开源的表格组件库，底层用 Canvas 成功的，自然允许虚构滚动，性能不错

Antdv 自己研发的一款表格组件库，然而不开源须要不要钱，它的虚构滚动做的很不错，跟其余表格都不一样

首选 Vueuse ，由 Vue 团队外围成员 Anthony Fu 开发，性能超级多，基天性满足你的开发需求

其实 vue 的拖拽库曾经断代很久了，上一个很火的是 vue-draggable，然而这个库很久没降级了，且只对 Vue2 允许的比拟好

所以如今介绍 vue3-dnd 这个库，对 Vue3 允许比拟好，且具有基本的拖延拽性能

在做国际化 I18N 的时刻可以借助 vue-i18n 这个包来成功，经常使用起来很繁难

Vitepress 借助 Vue3 和 Vite，能提供更好的开发体验和消费性能，以及更精巧的自动主题

Webpack Vue Vite