首页 > 其他分享 >刚学完Vue收集的库或项目分享

刚学完Vue收集的库或项目分享

时间:2025-01-04 12:00:11浏览次数:1  
标签:Vue vue admin 刚学 github https 分享 com

最近刚看完一个Vue3的视频教程,还不错,整理最近收集与Vue相关的库或项目。

awesome-vue:与 Vue.js 相关的精彩内容精选清单。https://github.com/vuejs/awesome-vue

组件或库

vueuse:是基于组合式API的实用函数集合,从 v12.0 开始,VueUse 不再支持 Vue 2。https://github.com/vueuse/vueuse

Lodash:Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。https://www.lodashjs.com/

Element Plus基于Vue 3面向设计师和开发者的组件库 https://element-plus.org/zh-CN/

tailwind css:一个实用优先的 CSS 框架,用于快速构建自定义用户界面。https://tailwindcss.com/

Ant Design Vue:基于 Ant Design 和 Vue 的企业级 UI 组件。https://github.com/vueComponent/ant-design-vue

shadcn/ui:设计精美的组件,您可以将其复制并粘贴到您的应用程序中。可访问。定制。开源。https://github.com/shadcn-ui/ui,官网:https://ui.shadcn.com/

Arco Design Vue:基于 Arco Design 的 Vue.js 3 UI 库。https://github.com/arco-design/arco-design-vue

Vuetify:一个不需要设计技能的 UI 库,带有精美的手工 Vue 组件。无需设计技能 — 创建出色应用程序所需的一切都触手可及。Vuetify 有一个庞大的 API,支持任何用例。https://github.com/vuetifyjs/vuetify

动画

gsap动画:GSAP可以轻松地为任何JS可触及的对象添加动画。提供丝滑的性能和无与伦比的支持,让您能够专注于有趣的内容。(商业收费,有没有替代品?)https://gsap.com/

Animate.css:css动画集合。https://animate.style/

motion:Vue 可组合项让你的组件动起来。https://github.com/vueuse/motion

后台系统前端

vue-element-admin:一个神奇的 Vue 管理员,在GitHub有88.3k的star。https://github.com/PanJiaChen/vue-element-admin

Vue Vben Admin:使用 Vue3、Shadcn UI、Vite、TypeScript 和 Monorepo 构建的现代 vue 管理面板。速度很快!https://github.com/vbenjs/vue-vben-admin

admin-one-vue-tailwind:免费的 Vue.js 3.x Tailwind 3.x 管理仪表板模板,具有深色模式。Vite 构建。Pinia 州。Laravel 集成可用。https://github.com/justboil/admin-one-vue-tailwind

Materio:生产就绪、精心制作、广泛的 Vuetifty 免费管理模板。https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free

项目

dashy:访问门户,Dashy 通过使您可以从单个位置访问自托管服务来帮助您组织它们,为您构建的可自托管个人仪表板。包括状态检查、小部件、主题、图标包、UI 编辑器等等!https://github.com/Lissy93/dashy

Tiny RDM:是一款现代轻量级跨平台 Redis 桌面管理器,适用于 Mac、Windows 和 Linux,vue+go组合。https://github.com/tiny-craft/tiny-rdm

Scalar:一个开源 API 平台: 现代 Rest API 客户端 ,漂亮的 API 参考,一流的 OpenAPI/Swagger 支持,可以替换Postman或Apifox大部分功能。https://github.com/scalar/scalar

PPTist:一个PPT在线演示应用程序,复制了 Microsoft Office PowerPoint 的大部分常用功能,允许在线编辑和演示 PPT。它还支持导出 PPT 文件。https://github.com/pipipi-pikachu/PPTist

标签:Vue,vue,admin,刚学,github,https,分享,com
From: https://www.cnblogs.com/robindevnotes/p/18651739

相关文章

  • vscode下载vetur和vue-helper插件之后删除键(backspace)失效
    最近我在学习前端的过程中,使用vscode下载的vue的插件:vetur和vue-helper这两个但随后在写代码的时候发现删除键(backspace)不能使用,其他键都能正常使用,也可以用鼠标选中右键剪切/删除最后发现是上面的插件会占用backspace按键作为插件的功能键解决方法点击左上角——文件——首选......
  • vuex和localStorage有什么区别?
    Vuex和localStorage在前端开发中各自扮演着不同的角色,它们之间的主要区别可以归纳为以下几点:数据存储位置:Vuex:数据存储在内存中,这意味着当页面刷新或关闭时,存储在Vuex中的数据将会丢失,除非通过其他手段(如localStorage或sessionStorage)进行持久化。localStorage:数据存储在浏......
  • 调试篇:如何调试vue项目?
    平时在开发vue项目的时候,会经常用到debugger调试,本期来探究一下,如何调试vue项目。前置知识和准备1、如何打断点?断点分为很多种,比如普通断点、条件断点、DOM断点、异常断点等等,我这里主要介绍下怎么打最常用的普通断点。方式一:通过debuggerfunctiontest(){debugger......
  • VueFlow
    Vue3VueFlowindex.vue<template><VueFlow@pane-ready="onPaneReady":nodes="nodes":edges="edges":default-viewport="{zoom:1}":nodes-draggable="true"@node-click="onNodeClick"......
  • 在vue中mixin解决了哪些问题?
    在Vue中,mixin主要解决了以下问题:代码复用:在Vue项目开发中,经常会有多个组件需要共享某些相同的逻辑或方法。通过mixin,我们可以将这些共享的逻辑或方法提取出来,形成一个可复用的代码片段,从而避免了在每个组件中重复编写相同的代码。这不仅提高了代码的可维护性,也大大减少了代码量......
  • 在vue中hooks和mixin有什么区别?
    在Vue中,hooks和mixins都是用于复用代码的机制,但它们在使用方式、作用范围和灵活性方面存在一些区别。来源与定义:Hooks:在Vue3中,引入了CompositionAPI,其中的hooks(如ref,reactive,computed等)允许用户更灵活地组织和复用代码逻辑。这些hooks是函数,可以在setup函数内部调用......
  • 请解释下XHR,ajax,axios,fetch,vue-resource的相同和不同有哪些?
    在前端开发中,XHR(XMLHttpRequest)、Ajax(AsynchronousJavaScriptandXML)、Axios、Fetch和Vue-resource都是用于处理HTTP请求的工具或技术。它们各有特点和用途,下面是对它们的相同点和不同点的解释:相同点:发送HTTP请求:这些技术都能够发送HTTP请求,与服务器进行通信。异步处理......
  • 请解释下vue3中setup的作用是什么?
    在Vue3中,setup是一个新的组件选项,它是VueCompositionAPI的一部分。setup函数为Vue组件提供了一种更灵活、更可复用的方式来组织和共享代码逻辑。以下是setup的主要作用和特点:声明响应式状态:在setup函数中,你可以使用ref和reactive来创建响应式状态。这些状......
  • vue3中watch和watchEffect有什么不同?
    在Vue3中,watch和watchEffect都是用于观察和响应Vue实例上的数据变化的功能,但它们在使用方式、响应性追踪和行为上有一些关键区别。使用方式:watch需要显式地指定要观察的数据源(可以是一个getter函数、一个ref、一个reactive对象或它们的计算属性),以及当数据源变......
  • vue3中watch和computed有什么不同?
    在Vue3中,watch和computed都是用于处理响应式数据的特性,但它们在使用场景、行为特性和语法上有所不同。使用场景:computed:当你需要根据响应式数据计算得出一个新的值时,通常使用computed。它是一个可读的属性,可以根据依赖数据进行动态计算,并且只有当依赖数据发生变化时,才会重新......