原副标题:Vue超全天然资源,珍藏!
风险提示Duing(ID:duyi-duing)
书名镜像:https://dev.to/theme_selection/ultimate-vuejs-resources-for-developers-3bbk
那些天然资源牵涉相关VueJS的模块库,实例, 工程项目,辅助工具和该文。
UI库和架构
UI模块 库是几组(一般来说)可 靠的整套 UI模块,如按键、输出、页面等。它用于产业布局的构筑基块。虽然其模组化优点,他们能以很多相同的形式排序模块,以同时实现独有的效用。
BootstrapVue
Bootstrap vue 将 Bootstrap 模块与Vue紧密结合采用。它能协助你构筑积极响应快速、终端优先选择的工程项目。它是Vue.js和当今世界上最畅销的后端CSS库Bootstrap的女团。BootstrapVue将 Bootstrap的强悍机能带回了Vue。它使大部份Bootstrap 原素(如行、列和卡)都可以用于Vue 模块。
除此之外,它还提供更多了适用于于Vue .js v2.6 的Bootstrap v4 模块和分层控制系统的最全面性的同时实现众所周知,并暗含广为且智能化的WAI-ARIA 远距机能记号。
特征:
易于主题化 开箱即用的 ARIA 远距机能 未绑定到 jQuery你还能查看Vuexy VueJS管理模板 喜爱的多用途管理模板。
Vuexy提供更多了一些非常惊人且引人注目的机能:
多语言 支持 RTL 添加了 Figma 和 Sketch文件 VuetifyVuetify是一个VueUI库,其中包含采用MaterialDesign 规范的精美手工制作的模块。它由形状、卡片、交互、深度效用(如阴影和灯光等)的UI 指南组成。
它能协助你采用成功所需的大部份辅助工具来加快开发过程。除此之外,它支持大部份现代浏览器,并与VueCLI-3兼容。它还为Simple HTML,Webpack,NUXT,PWA,Electron,ALa Carte,ApacheCordova提供更多了基本模板。
产品特点:
WCAG可访问性(a11y) / WCAG / Section 508 / RTL 支持 30 多种支持的语言 更小的捆绑尺寸,具有自动摇树机能 一个庞大的 Discord 社区 对 主要版本 的长达18 个月的支持你能查看MaterioVuetify VueJS AdminTemplate 以获得更好的想法。Materio还提供更多了宝贵的机能,旨在协助创建完全符合你想象的优质单页应用程序。
除此之外,MaterioVuetify VueJS AdminTemplate还附带了独有而有用的辅助工具,例如模糊搜索,Dark,Semi-Dark和Bordered产业布局选项,AdvancedCards和Chart。除此之外,它还提供更多了以下惊人机能。
特征:
Pure Vue JS, 无jQuery依赖性 采用 Vue CLI 创建 利用 Vuex、Vue Router、Webpack 代码拆分,延迟加载 JWT身份认证 访问控制 ( ACL) 支持 RTLQuasar
Quasar是一个高性能的MaterialDesign模块套件,具有SPA,SSR,PWA,Mobile(Cordova和Compacter),Desktop(Electron)和浏览器扩展的构筑器。这使你作为Web开发人员能快速创建多种风格的积极响应式网站/应用程序。它专注于遵循材料2.0。
Quasar提供更多了一个UMD(统一模块定义)版本,你能将其作为CSS和JSHTML标签添加到现有工程项目中,然后就能采用它了。
特征:
以性能为中心的架构 提供更多内置 SSR(服务器端渲染应用)支持 PWA(渐进式 Web 应用程序) BEX(浏览器扩展) 通过 Cordova或Compacter的终端应用程序(Android,iOS等) 多平台桌面应用程序(采用 Electron)Vuesax
Vuesax是一个基于Vuejs的模块架构,它是一个从头开始设计为可增量采用的架构。它提供更多了独有且可重用的UI模块。该架构的重点是促进应用程序的开发,在不删除必要机能的情况下改进其设计。除此之外,大部份模块都具有独有的颜色,形状和设计,因此你能自由采用它而不会失去创建和生产的速度。
特征:
独有而美丽的设计 新颖的设计与众所周知的材料设计相比 可重复采用的模块,易于实施 积极响应式支持Nuxt.js
Nuxt是一个基于Vue的渐进式架构.js来创建现代Web应用程序。它基于Vue.js官方库(vue,vue-router和Vuex)和强悍的开发辅助工具(Webpack,Babel和PostCSS)。
特征
自动转译和捆绑(采用 Webpack 和 babel) 热代码重新加载 服务器端呈现或单页应用程序或静态生成,你能根据自身选择Ream
Ream是一个用于在Vue3中构筑服务器渲染或静态生成的Web应用程序的架构,它受到Next.js和SvelteKit的启发。
开源工程项目
Pagekit
模组化轻量级CMS由Symfony模块和Vue.js构筑而成。无论是个人博客还是公司的网站。采用Pagekit,能为网络创建机能强悍的内容,那些内容能在每台设备上完美运行。Pagekit干净直观的界面使您能专注于最重要的事情,管理你的内容。
Koel
Koel是一个简单的基于Web的个人音频流媒体服务,在客户端用Vue编写,在服务器端用Laravel编写。针对Web开发人员,Koel采用了一些更现代的Web技术- CSS分层,音频和拖放API等来完成它的工作。
Flox
Flox是一个自托管的电影,系列和Amines观看列表。它建立在Laravel和Vue之上.js并采用电影数据库API。该评级基于3分制:goodmedium bad
特征
用于 Plex的API – 将Plex的电影,节目和观看的剧集从Plex同步到Flox。 剧集跟踪。 建议。 监视列表。 热门电影和节目,即将上映和当前电影(每日更新)。Vuegg
VueJS工程项目通过将模块直接拖放到可视化编辑器中,并终端、调整它的大小到你的选择。Vuegg利用应用程序/网站的页面和路由的创建,简化了样式设计工作,并有助于同时实现快速原型制作工作流程。
特征:
通过拖放模块进行模型 /原型制作,并终端/调整它的大小 支持标准鼠标和键盘组合 积极响应式预览(手机、平板电脑、网络) HTML5 原素的基本集合VUE CRUD
VueCRUD允许创建用于管理单个表的机制,以及具有登录控制系统和模块的CMS或扩展CRM。VueCRUD采用vue及其生态控制系统(Vuex,Vuetify等)。享受当今世界上最流行的JS架构的好处。
商业工程项目Materio– Vuetify VueJS Laravel Admin Template
MaterioVuetify VueJS Laravel Admin Template–是开发人员最友好且高度可定制的管理仪表板模板,基于流行的后端架构VueJS和后端Laravel。
如果你是一个开发人员,正在寻找最好的VueJSLaravel管理模板, 那么这就是一个。除此之外,他们遵循最高的行业标准,为你带来最好的laravel管理模板众所周知。除此之外,它不仅快速且易于采用,而且具有高度可扩展性。除此之外,提供更多极致的便利性和灵活性,你将能够毫不费力地构筑所需的任何应用程序。
除此之外,你能采用此Vuejs laravel管理模板轻松构筑高质量的单页应用程序。因此,请采用他们的创新管理模板创建引人注目,高质量和高性能的单页应用程序。
特征:
纯 Vuejs,无jQuery依赖性 采用 Vue CLI 创建 利用 Vuex、Vue Router、Webpack 3 仪表板,RTL 支持 代码拆分,延迟加载 API 就绪 JWT 身份验证流程 访问控制(即使在 CRUD 操作上) Laravel passport Laravel sanctum等等Vuexy – VueJS 管理模板
Vuexy -Vuejs Admin DashboardTemplate在大部份bootstrapVue管理模板中都是高级的。除此之外,此模板积极响应速度快,干净且结构合理。
Vuexybootstrap vue admin模板包含Vuejs、HTML(bootstrap4)、PHP(laravel 8)和 React (reactstrap)、Angular11。除此之外,这个图形丰富的引导模板因其用户友好的体验和速度而受到全球开发人员的强烈推荐。除此之外,它是开发人员最友好的Vuejs+ HTML仪表板。其中包括100+卡,50+模块 等等。
特征:
基于 BootstrapVue Vue 3 就绪 (女团API) bookstrap 4.5.3 laravel8 添加了 Sketch和Figma文件 JWT身份验证,ACL Internationalization/i18n & RTL ReadyWjimo
Wjimo有100多个用于企业应用程序的动态Java UI模块。在Wjimo的协助下,你能将开发时间缩短一半。除此之外,你还能快速构建轻量级,高性能的HTML/ Java UI应用程序。
FlexGrid 提供更多虚拟化渲染和无限的单元格模板 与大部份 Java 架构深度集成,包括 Angular 、 React 、 Vue 、 Ionic 和 Web Components 采用 80 多种图表类型可视化数据 采用 OLAP 数据透视分层、数据透视图和切片器分析数据 FlexMap(测试版)他们最新的可视化地图控件 Cloropleth maps 散点图 气泡图Vuejs laravel管理模板此管理模板是采用Vuejs2、Laravel5.4 和 Bootstrap4构筑的。VueJS专为从头开始开发任何工程项目而设计,也能与任何其他开发工程项目集成。 vue的核心库主要与表示层相关联,很容易与其他库或现有工程项目一起采用。
特征:
完全基于 VueJS 未采用 jQuery 提供更多 7 种产业布局选项 多种面包屑设计 添加了多个配色方案Coloban
具有聊天,看板,通话,屏幕共享等机能的一体化工程项目管理辅助工具。
Commander
它是在本地和云中管理无服务器和容器基础结构的最佳开发人员IDE 众所周知。支持30 多种最佳云服务。借助10 多个部署和测试运行程序,你能配置一次,然后一遍又一遍地重复。配置Ansible 和无服务器环境变量。直接调用lambda,或采用他们的测试运行程序测试S3、SQS、SNS、DynamoDB流 Lambda 调用。
它能协助你:
可视化你的控制系统 提高团队速度 更快的提升时间 提高生产力Moonitor
Moonitor能 实时为你提供更多加密货币资产的清晰概览。
LaravelVue 管理模板(免费)
Laravel+ VueJS是交付积极响应式Web应用程序和工程项目的最佳女团。此列表包括最好的免费和高级LaravelVuejs管理模板,以节省你的宝贵的时间。在这里,你将看到一些基于后端架构Vue.js和Laravel作为后端架构而构筑的出色管理模板。
Vuelibs
Vuelib是Vue.js库,架构,实用程序和模块的列表。
Vue该文
在这里,你能找到相关vue2 和vue3 的详细该文。它还提供更多暗含实例的教程。
Madewithvuejs:采用Vue.js制作的一系列工程项目
采用Vuejs制作是网站,管理模板,应用程序,实用程序,UI模块,库等的丰富集合;这是用VueJS制作的。你还将获得书籍,插件,图表等。
Vuejs examples
VueJS实例,顾名思义,它是采用VueJS制作的简单且可自定义的步骤进度指示器,Vue自动贷款计算器,通知/Toast模块等实例的集合。不仅如此,它还提供更多了采用VueJS制作的UI,游戏,原素,媒体等模块。
用户界面模块:
模块是采用具有更好一致性的较小、可重用部分来设计和开发UI的好方法。模块在设计和开发之间提供更多更好的协作,使你的设计语言随着时间的推移而发展。
表格
以下是Vue的一些表模块和ag-grid模块。
Vue Materialize Data table – 一个花哨的Materialize CSS 数据表VueJS模块。 Vue Tables-2 – Vue.js 2 个分层模块。 猎豹分层 – 最快的网络开源数据表。 vue-datasource – 一个 vue.js服务器端模块来创建动态表。 ag-grid-vue – 适用于于ag-Grid的vue适配器. vue-data-tables vue-teible – 用于 Web 的轻量级和灵活的表格模块 vuejs-smart-table – 采用 vanilla HTML Table结构的直线表模块 fancy-grid-vue -适用于于 FancyGrid的vue适配器通知
采用无模式临时小弹出窗口通知用户
Vue Toasted – 适用于于 VueJS 2+ 的积极响应式触摸兼容 Toast 插件 Vuex Flash – Vuex 中的 VueJs Flash Message Component Vue Notification Bell – 用于显示通知的 Vue UI 模块。 Vue Notification – 具有被动方法的vue.js3的加载器管理器。 Vue Toast Notification – 又一个 Vue.js Toast 通知插件 VueToastify – 一个大惊小怪的免费通知模块。 vue-toaster – Vue.js Vue 3 的 toast notification plugin加载加载程序/微调器/进度条— 让用户知道正在加载某些内容
Vue 径向进度 – Vue 的径向进度条模块.js。 Vue wait – 用于 Vue/Vuex 和 Nuxt 应用程序的复杂加载程序管理。 Vue-ultimate-skeleton-cards – 用于 Vue的终极、完全可定制的 Skeleton Card 插件 Vue-wait-for – Vue.js 3 的加载程序管理器,暗含反应式方法 Vue-content-loader – SVG模块,用于创建占位符加载,如Facebook卡片加载 vue-element-loading – 在容器内加载或全屏加载 Vue. tb-skeleton – 用于 Vue 的骨架屏幕加载.js vue-spinners – 用于 Vuejs 的加载微调器模块的集合图标Vue ionicons – 来自 Ionic Team 的模块。 Vue awesome -采用内联SVG为vue.js子体更改模块 Mdi vue – Vuejs 的 材料设计图标模块 vue-zondicons -美丽的 Zondicon svg 图标的Vue 模块 vue-eva-icons – 简单的开源eva图标作为Vue模块。 vue-unicons – 1000+ 像素完美的 svg unicons,用于你的下一个工程项目作为 Vue 模块。菜单VueJS 下拉列表 – Vue.js 2 下拉菜单模块。重量轻,采用方便,扩展方便,无需外部设备。 Vue 简单菜单 – 具有几组基本机能的简单菜单模块。 Vue 树导航 – Vue.js 2 树导航,支持 vue 路由器 bp VueJS 下拉列表 – Vuejs => 2 下拉列表。易于采用,无需外部,可选。 Vue Bulma 手风琴 – 简单、易于配置的手风琴或可折叠样式,提供更多 Bulma 自定义或内置图标 Vue-stripe-menu – 创建一个暗含动画的导航菜单,就像在Stripe上一样图表Flowchart-vue – Vue 的 Flowchart & Flowchart designer component for Vue.js。 Vue-d3-barchart – 采用 d3 绘制图表的小模块。 Vue3-highcharts -Vue 3 的 Highcharts.JS包装器模块 Echarts-for-vue – Vue 3 and 2的包装模块 Vue3-chart-v2 – 基于 Vue 3 的 Chart.JS 的 Vue 包装器模块 vue-apexcharts – ApexCharts 的Vue.js模块 vue-doughnut-chart – 用于 Vue 的 Doughnut 图表模块.js。 v-charts – 基于 Vue2.x 和 Echarts 的图表模块。日历Vue datepicker ui – Vue的日期选择器模块 Vue 日期辅助工具 – 最轻量级的 VueJS 日期选取器和日期范围选取器,采用 date-fns 且没有其他依赖项 Vue 春季日历 – 它是一个基于 Vue 的模块,提供更多显示每日事件的完整日历的机能。 Vue jquery calendar – 适用于于 jquery ui Vue 日程安排板 – 一个易于采用的模块,用于显示某人的日程安排序表,以协助安排面试或访问安排。 Vue 阴历 pro – 阴历的 vue 模块。采用日历.js进行日期操作。播客DNE 138 – Vale a pena VueJS?(01-05-2018) 愤世嫉俗的开发人员 #99 (10-15-2018) 语法 #130 (03-27-2019) 享受 Vue:新的 Vue.js播客求职:Vue.js Jobs – VueJobs – 一个Vue.js工作门户,用于雇用或被雇用大部份Vue.js工作。 Vue.js面试问题 – 300个VueJS面试问题和答案列表 Prokarman简历生成器 – 一个免费的简历生成器,用于为您梦想的工作制作简历。服务器端呈现通用 vue 因子平台 – 扩展驱动的 VueJS 平台 ( Factor.dev → 文档 ) Vapper – 基于 Vue 的服务器端渲染架构。静态网站生成器VuePress – 极简主义的Vue供电的静态站点生成器。 Peco – 人类的静态网站生成器。未维护 Saber – 一个静态网站生成器,用于采用Vue.js构筑超快的网站。 Gridsome – 采用 Vue 构筑超快速、现代的网站.js Servue – 服务器端渲染引擎,将 vue 文件渲染为 HTML 字符串。社区 推特 官方论坛 vueslack – 全球2300 +注册用户 Vue Land – Discord chat server 结论:在这里,他们提到了一些非常有用的VueJS天然资源。当你采用VueJS工程项目时,你肯定需要一些辅助工具,UI模块库,管理模板等。因此,为了协助节省时间,他们在这里收集了一些惊人的天然资源,这样你就不必在这里和那里搜索。你能查看下一个项目。
希望你发现此集合有用。
— EOF —
推荐↓↓↓