greensock

今天来推荐几个热门又实用的 Vue.js 库!

greensock

1. 状态管理(1)Pinia

Pinia是最新一代的Vue轻量级状态管理库。适用于Vue 2.x和vue 3.x,是2019年11月Vue官方成员重新设计的状态库。它允许您跨组件/页面共享状态,并且响应迅速,类似于Vuex。

吉图布:https://github.com/vuejs/pinia

(2)Vuex

Vuex是专门为Vue.js应用开发的状态管理模式。它使用集中存储来管理应用程序所有组件的状态,并确保状态按照相应的规则以可预测的方式变化。

吉图布:https://github.com/vuejs/vuex

(3)vuex-persist

Vuex-persistedstate是一个支持Typescript的Vuex插件,使您能够将应用程序的状态保存到持久存储,如Cookies或localStorage。

吉图布:https://github.com/championswimmer/vuex-persist

2. 表单(1)VeeValidate

Vee-validate是Vue.js的表单验证库,它允许您以熟悉的声明式风格或使用复合函数来验证输入并构建更好的表单UI。

吉图布:https://github.com/logaretm/vee-validate

(2)vue-form-making

Vue-form-making是一个基于Vue和element-ui的可视化表单设计器。它采用最新的前端技术栈,内置i18n国际化解决方案,可以让表单开发变得简单高效。

吉图布:https://github.com/GinZhuLei/vue-form-making

(3)FormKit

FormKit是一个面向Vue开发人员的表单创作框架,它将高质量生产就绪表单的构建速度提高了10倍。

吉图布:https://github.com/formkit/formkit

3. 文档(1)VitePress

VitePress是VuePress的继任者,它是建立在Vite之上的。目前,它正处于alpha阶段。它适用于开箱即用的文档,但是配置和主题API可能仍然会在次要版本之间发生变化。

吉图布:https://github.com/vuejs/vitepress

(2)VuePress

VuePress是一个基于Vue的轻量级静态网站生成器,是一个默认主题,为编写技术文档而优化。它是为了满足Vue自己的子项目文档的需要而创建的。

吉图布:https://github.com/vuepress/vuepress-next

(3)Gridsome

Gridsome是一个基于Vue.js的Jamstack框架,可以让开发者轻松构建静态生成的网站和应用,速度天生就很快。

吉图布:https://github.com/gridsome/gridsome

4. 测试(1)Vitest

Vitest是一个非常快速的单元测试框架,由Vite支持。它与Vite的配置、转换器、解析器和插件一致,并且具有开箱即用的类型脚本/JSX支持。

吉图布:https://github.com/vitest-dev/vitest

(2)Jest

Jest是一个全面的JaScript测试解决方案,专注于简单和清晰。适合大多数JaScript项目。

吉图布:https://github.com/facebook/jest

(3)Mocha

Mocha是一个丰富的jascript测试框架,它运行在node.js和浏览器中,使异步测试变得简单而有趣。Mocha测试持续运行,允许灵活和准确的报告,同时将未捕获的异常映射到正确的测试用例。

吉图布:https://github.com/mochajs/mocha

5. 可视化(1)Vue ChartJS

Vue-chartjs是Vue for Chart.js的一个包,允许用户在Vue中轻松使用Chart.js,非常简单地创建可重用的图表组件,非常适合需要简单图表并以最快速度运行的人。Vue-chartjs抽象了基本逻辑,但也公开了Chart.js的对象,让用户获得最大的灵活性。它支持Vue 3和Vue 2。

吉图布:https://github.com/apertureless/vue-chartjs

(2)Apache ECharts

Apache ECharts是一个基于Jascript的数据可视化图表库,它提供了直观、生动、交互式和个性化的数据可视化图表。它是纯JaScript编写的,基于zrender,是一个全新的轻量级画布库。!

吉图布:https://github.com/apache/echarts

(3)Vue-ECharts

Vue-ECharts是Apache ECharts的Vue.js组件。使用Apache ECharts 5,支持Vue.js 2/3。

吉图布:https://github.com/ecomfe/vue-echarts

(4)Trois

Trois是一个基于Three的Vue 3可视化库。JS,这是一个流行的WebGL库。三个。JS对桌面和移动设备都有很好的支持。这个库允许我们使用VueJS组件轻松地为网站创建3D效果。

吉图布:https://github.com/troisjs/trois

6. 组件(1)Vue Grid Layout

Vue-grid-layout是一个网格布局系统,类似于Gridster,用在Vue.js中

吉图布:https://github.com/aysolutions/vue-grid-layout

(2)Vue Draggable

Vue Draggable是一个基于Sortable.js的Vue拖放组件

吉图布:https://github.com/SortableJS/Vue.Draggable

(3)Vue Tour

Vue Tour是一个轻量级、简单和可定制的导航插件,可以与Vue.js一起使用。它提供了一种快速简单的方法来指导用户完成您的应用程序。

吉图布:https://github.com/pulsardev/vue-tour

(4)Swiper.js

Swiper是一个免费的轻量级移动设备触摸滑块框架,它使用硬件来加速过渡。主要用于移动网站、web应用程序和本机应用程序。

吉图布:https://github.com/nolimits4web/swiper

(5)vue-easytable

该库提供了一个全功能和高度可定制的表格组件/数据网格。它支持许多功能,如虚拟滚动,列固定,标题固定,标题分组,过滤,排序,单元格省略号,行扩展,行复选框等等。

吉图布:https://github.com/Happy-Coding-Clans/vue-easytable

7. UI 组件(1)Element Plus

Element Plus是饿了么前端团队出品的一套面向开发者、设计师、产品经理的基于Vue3.0的组件库,是基于Vue3的面向设计师、开发者的组件库,提供配套的设计资源,帮助你的网站快速成型。

吉图布:https://github.com/ElemeFE/element

(2)Vuetify

Vuetify是一个基于Vue.js的精心制作的UI组件库,整套UI采用材质风格设计。它使没有任何设计技能的开发人员能够创建时尚的材质风格界面。

吉图布:https://github.com/vuetifyjs/vuetify

(3)Vant

Vant是一个轻量级和可靠的移动组件库。通过Vant,可以快速搭建统一风格的页面,提高开发效率,支持Vue 3。

吉图布:https://github.com/youzan/vant

(4)Naive UI

Naive UI是基于相对较新的Vue 3.0/TypeScript技术栈开发的前端UI组件库。

吉图布:https://github.com/TuSimple/naive-ui

8. 动画(1)Animate.css

Animate.css是css3制作的带有动画效果的CSS集合,其中预置了很多常用的动画,使用起来非常简单。

吉图布:https://github.com/animate-css/animate.css

(2)Greensock

GreenSock是一个JaScript动画库,可以很容易地动画HTML元素。用于创作高性能、零依赖、跨浏览器的动画,号称在400多万网站使用。

吉图布:https://github.com/greensock/GreenSock-JS/

(3)Popmotion

Popmotion是一个只有12KB的JaScript运动引擎,可以用来实现动画、物理效果和输入跟踪。原生DOM支持:CSS、SVG、SVG路径和DOM属性支持,开箱即用。

吉图布:https://github.com/Popmotion/popmotion

(4)Vue Kinesis

Vue Kinesis支持使用Vue.js轻松创建复杂的交互式动画,Vue . js支持Vue 3。

吉图布:https://github.com/Aminerman/vue-kinesis

9. 图标(1)IconPark

IconPark提供了2400多个高质量的图标,还提供了每个图标的含义和来源的描述,方便开发者使用。另外,这个网站还可以自定义图标,和其他图标网站不一样。这个徽标库是一个开源的徽标库,具有字节跳动拥有的技术驱动的图标样式。

吉图布:https://github.com/bytedance/iconpark

(2)Font Awesome

Font Awesome提供了可缩放的矢量图标,可以用CSS提供的所有功能进行更改,包括大小、颜色、阴影或任何其他支持的效果。

吉图布:https://github.com/FortAwesome/Font-Awesome

(3)Ionicons

Ionicons是一个完全开源的图标集,是众所周知的混合开发框架Ionic Framework的内置图标库。包含1300个设计优雅、风格统一的优质图标,可以满足大部分业务场景。

吉图布:https://github.com/ionic-team/ionicons

(4)Bootstrap Icons

Bootstrap Icons是Bootstrap的一个开源SVG图标库。起初,这个图标库是专门为其组件(从表单控件到导航)和文档设计和构建的,现在它可以免费用于任何项目。

吉图布:https://github.com/twbs/icons

10. 富文本编辑器(1)Tiptap

Tiptap是一个富文本编辑器,没有基于Vue的渲染。它基于Prosemirror,完全可扩展,无需渲染。您可以轻松地添加自定义节点作为Vue组件。使用非呈现组件(功能组件)几乎可以完全控制标签和样式。菜单的外观或它在DOM中的显示位置。这完全取决于用户。

吉图布:https://github.com/ueberdosis/tiptap

(2)Quill.js

Quill.js是一个富文本编辑器,支持跨平台和跨浏览器。凭借其可扩展的架构和富于表现力的API,它可以完全定制以满足个人需求。

吉图布:https://github.com/quilljs/quill/

(3)TinyMCE

TinyMCE是一个流行的富文本编辑器。它的目标是帮助其他开发人员构建漂亮的Web内容解决方案。它易于集成,可以部署在基于云的自托管或混合环境中。这种设置可以合并Angular、React和Vue等框架。它还可以扩展到50多个插件,每个插件都有100多个自定义选项。

吉图布:https://github.com/tinymce/tinymce

(4)CKEditor 5

CKEditor是一个功能强大的富文本编辑器框架,具有模块化架构、现代集成和协同编辑的功能。它可以通过基于插件的体系结构来扩展,从而可以引入必要的内容处理功能。它是在ES6中从头开始编写的,具有出色的webpack支持。您可以将本机集成用于Angular、React和Vue.js

吉图布:https://github.com/ckeditor/ckeditor5

11. 服务端渲染(1)Nuxt.js

Nuxt.js是基于Vue.js的通用应用框架,通过客户/服务器架构的抽象组织,Nuxt.js主要专注于应用的UI渲染。它预先假定了使用Vue.js开发服务器端渲染应用程序所需的各种配置

吉图布:https://github.com/nuxt/nuxt.js

(2)SSR

Ssr框架是服务器端渲染场景中前端框架的开箱即用的服务器端渲染框架。面向无服务器,同时支持React、Vue2和Vue3。

吉图布:https://github.com/zhangyuang/ssr

(3)Vue-meta

Vue-meta是Vue.js的一个插件,可以帮助你在SSR的支持下管理Vue.js组件中的HTML元数据。Vue-meta使用Vue的内置响应能力来简化应用程序元数据的管理。

吉图布:https://vue-meta.nuxtjs.org/

12. 数据获取(1)Axios

Axios是基于promise的网络请求库,作用于node.js和浏览器。

吉图布:https://github.com/axios/axios

(2)vue-resource

Vue-resource是Vue.js的一个插件,可以通过XMLHttpRequest或者JSONP发起请求,处理响应。

吉图布:https://github.com/pagekit/vue-resource

(3)vue-axios

Vue-axios是一个将axios集成到Vuejs中的小型库。

吉图布:https://github.com/imcvampire/vue-axios

13. 构建工具(1)Vite

Vite是下一代前端开发和构建工具。Vite意在提供开箱即用的配置,而其插件API和JaScript API带来了高可扩展性和完整的类型支持。

吉图布:https://github.com/vitejs/vite

(2)Webpack

Webpack是一个用于现代JaScript应用程序的静态模块打包工具。当webpack处理一个应用程序时,它会在内部构建一个依赖图,该依赖图会映射到项目所需的每个模块,并生成一个或多个bundle。

吉图布:https://github.com/webpack/webpack

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

发表回复

登录后才能评论