您现在的位置:首页 >> 污染防治

六人马座课堂:这16 个优秀的 Vue 开源项目,帮你节约更多的时间摸鱼!

时间:2024-10-13 12:19:44

该系列产品具备CMS的所有主要和高级机能:

·可定制的分析仪表板与网站耐用性;

·网站概要主笔最重要词;

·外设博文;

·HTML和Markdown 图形化;

·文件经营Wayland;

·用户角色经营管理。

还有一些进去和有所不同之处对整合者引人注意有用。该系列产品适用非常简单的ORM、可选化架构和纸制经营管理协作。还有一个外设的调试高亮,可以试图整合人员搜查耐用性、路由、图表瓦查阅和调试内部种系统事件、适配甚至可以移除自己的机能。另外,也可以适用CLI执行种系统改版、安装和卸载适配和意念,以及直接从终下端清洗缓存。

该系列产品有一个庞大的建树最新,开发团队热烈欢迎人们来修补出错,翻译成或适配CMS的机能。一个社区没有人那么大,但比较蓬勃,热衷试图新人。

因此,这是一个比较庞大的系列产品,具备比较全盘的PDF和薄膜的建树最新。开启开放源码全世界之路的高水准为了让。

02 Vuepress

VuePress 是一个由Vue. js 写作者EvanYou 成立的基于Vue的动态客运站作用于器。在VuePress 试图下,网站成立适用VueRouter 、Vue和webpack 。最初,该系列产品是作为编写最重要技术PDF的基本功能而成立的,但现在它是一个小型、紧凑、机能庞大的headless CMS 。在VuePress 当中你用Markdown 写概要,然后转换成预图像的动态HTML文件。

该工程建设有一个一个组织较好的捐献最新,临时工流程薄膜。它还有极佳的解决办法经营管理机能。一个社区有最多300个为人所知建树者,他们可以赞同你。这是你开始为开放源码工程建设好好建树的好为了让。

03 Vue店面

Vuestorefront是一款立足于电子商务的PWA,可以联接到几乎任何电子商务后下端:它适用了headless 架构。这纸制括流行起来的BigCommerce 和平台、Magento、Shopware 等。VueStorefront 的一些优势纸制括方向移动优先的作通则、链接下端图像(有效地SEO)和离线模外观设计。

该系列产品仅有一个蓬勃的一个社区:Slack当中约有2000名整合者和180多名为人所知建树者。这是引人注意有价值的,因为开发团队有一个模糊的备注,所以你作为一个建树者可以为了让你可以好好的执行。总之,这是一个比较有趣的,赞同和只能在上面花短时间的系列产品。

04 Vuegg

Vuegg 意味着您将模组直接拖行放到可视化图形化当中,并根据你的为了让方向移动它们的不等,从而协作Vue. js 工程建设。这个工程建设的借以是合并外观设计和十分相似到一个单一的更进一步。

突出特征:

·通过拖行放模组和方向移动/修改它们的不等来模拟/转化它们;

·赞同规格鼠标和音箱第组合成;

·鼓动外观设计截图(手机、平板的电脑、因特网);

·组合成基本的HTML5元素;

·金属材料外观设计模组(vue- mdc - adapter );

·Vuejs GNU作用于(download . zip )。

这个工程建设有一个模糊的备注,你可以直接在Github上看得见。由于该工程建设是比较重新,仍在进行当中的临时工没有人建树最新,但你可以受限制的打开任何解决办法和公关。

05 Gridsome

Gridsome 与VuePress有许多相似之处,但它采用了一种有所不同的比较庞大的作通则来处理图表源。它意味着你联接并适用最重要技术的发展当中的许多有所不同类型的图表,然后将这些图表统一到一个GraphQL 层当中。基本上,Gridsome 的前下端机能用Vue,图表经营管理用GraphQL 。

临时工方外观设计为可以概括为表列出三个工序:

你缺少Markdown 、JSON、YAML或CVS图表格外观设计的概要,或者从WordPress或Drupal等CMS内嵌概要;

概要转化为一个GraphQL 层,缺少大部分的图表经营管理;

然后用这些图表用Vue协作你的最重要技术的发展。

在整合层面,PDF有一个模糊的备注、一个描述较好的改回日志和一个建树最新。新潮是一个极好的为了让。

06 UI模组

Vuetify

Vuetify 根据MaterialDesign 原则缺少了大量精心制作的模组(80 +)。Vueti fy 结合了Vue. js 和Material的所有优点。该开放性是与RTL和VueCLI - 3 兼容性。Vuetify 的所有模组都有极佳的就有,也有模糊的举例来说。它与Vue的链接下端图像(SSR)三人临时工。Vuetify 赞同所有传统因特网浏览器——甚至是IE11 和Safari9 +(适用多机能填充)。它还缺少了现成的工程建设钢架,这样您就可以用一个命令开始协作您的Vue. js 最重要技术的发展流程。

它缺少了组合成基于金属材料外观设计的模组,例如:

·按钮;

·投入;

·机台;

·表,

·表。

Vuetify 背后有一个充满活力的一个社区,有最多500个建树者,他们成立了许多Vuetify 插件。它具备成为一个好的开放源码的所有主要模组:广泛的PDF、建树最新、解决办法经营管理。但在我们看来,这很难好好出建树,因为一个社区仍未很大了。

07 Buefy

Buefy基于Bulma为Vue. js 缺少了轻量级的UI模组。Buefy有两个整体通则理:让真的非常简单化,轻量化。这也解释了为什么它唯一的依赖是Vue和Bulma 。虽然它只有40多个模组,但它为你缺少了随时可用的方向移动优先和鼓动外观设计的UI模组。

有所不同之处:

·赞同MaterialDesign 图标和FontAwesome ;

·比较轻便,除了Vue& Bu lma 之外没有人内部依赖;

·约88KB min + gzip ;

·语义预定义输出。

08 VueMaterial

VUEMaterial非常简单,轻巧,基本上按照GoogleMaterial Design原则建造。VUE金属材料缺少最多56个模组来协作有所不同类型的布置。一个无与伦比的真的是金属材料外观设计开放性有显然全盘的PDF。该开放性比较轻量级,纸制含完整的模组,基本上符合GoogleMaterial Design准则。这种外观设计适合每一个显示屏,并赞同每一个传统浏览器。

备注、建树最新、好的PDF和改版日志都在这中的。对于喜好UI工程建设的整合者来说,是一个极好的为了让。

09 最重要技术的发展

Koel

Koel是一个个人古典音乐流媒体服务,你可以根据你的只能定制。客户下端用Vue编写,后下端用Larel编写。koel以web整合者为目标,采用了一些更传统化的web最重要技术,比如flexbox 、音频文件和拖行放api等等。

这个工程建设在Github上比较受热烈欢迎,有52个建树者。差一点的是,没有人简要的建树最新,但是写作者在Github上写道,在你草拟任何进去前,你只能打开一个解决办法。还有一个通过Opencollective 赞助该工程建设的选项。

我们喜好这个工程建设背后的不想通则,使一个流媒体服务,将由一个社区整合。因此,如果你热爱古典音乐,不一定会提高自己的Vue技巧,新潮不会是一个极好的为了让。

10 Eagle.js

Eagle. js 是适用Vue协作的庞大、自如、独特的简短推测种系统。它意味着你在演示文稿当中成立易于重用的模组、简短和样外观设计。它还赞同漫画,意念,和互动小构件,这是无与伦比的Facebook演示。

适用这个瓦可以好好的极为重要的真的之一是将简短放入单独的文件当中,然后在其他简短推测当中重用它。你还可以将特定简短推测的简短内嵌另一个简短。成立者还缺少了几个巨集,可以笨拙地开始整合。

这个工程建设有一个建树最新,中的面有你可以缺少试图的不想通则。我们认为这是一个值得花短时间好好的好工程建设:它确实试图了很多人好好演示。此外,在Eagle的试图下,开始自学Vue很较易。

11 基本功能纸制

Nuxt.js

Nuxt是一个用做协作CE最重要技术的发展流程的非常简单而直接的开放性:链接显现出的最重要技术的发展、单页最重要技术的发展、渐进外观设计Web最重要技术的发展,或者只是将其用途动态客运站作用于器。它也是可选化的,所以你可以只适用你的apage所只能的可选并不一定,Nu xt 将您从协作和可用性您的apage的临时工当中救下出来Nuxt. js 具备可选化的架构,有50多个可选可供为了让。

有所不同之处:

·热预定义而设计;

·链接下端图像或单页最重要技术的发展流程或动态作用于,您为了让;

·适用nuxt. config . js 文件可配置;

·每个最重要词的预定义拆分;

·用layouts/参考资料定制布置;

·只加载最重要的CSS(最重要词级)。

Nuxt成为Vue整合不可分割的一部分,有很多建树者和广泛的一个社区。我们不会为了让这个基本功能的建树,知道一个社区将试图你的技巧发展,并教一些重新进去。

12 Quasar

Quasar是一个CE的、Vue赞同的开放性,意味着您适用相同的预定义瓦为有所不同和平台编写最重要技术的发展流程:SPA、PWA、SSR最重要技术的发展流程、混合方向移动最重要技术的发展流程或多和平台桌面最重要技术的发展流程。类星体有总计81个模组。

有一个好的PDF和大量的模组外观设计的耐用性和鼓动。Quasar在默认情况下集成了最佳实践(HTML/ CSS / JS 缩小、缓存破坏、树晃动、源映射、延时加载的预定义拆分、ES6 传输、预定义链接、可会见性),因此你可以主要关心最重要技术的发展的机能。它还缺少了一个cli基本功能,用做笨拙协作新工程建设的底座。

该开放性有一个真是的一个社区,赞同闲谈和新闻网站,加上明显的建树最新。此外,你可以通过捐钱来赞同该基本功能。

13 BootstrapVue

驱使Vue是一个基于驱使瓦的UI基本功能纸制。它非常简单地用Vue预定义去掉常规驱使模组当中的JaScript。适用BootstrapVue,你可以适用Vue.js和全世界上最流行起来的前下端CSS瓦-Bootstrapv4在Web上协作鼓动性强、方向移动第一和ARIA可会见的工程建设。它还可以笨拙地与Nuxt.js集成。

PDF是广泛的,再加上一个社区的赞同是庞大的不和谐,使它成为一个安全的为了让,有人开始一个工程建设,并作出建树。

14 整合人员基本功能

Statusfy

Statusfy 是一个基本上开放源码的完全最重要词种系统。Statusfy 客运站是一个Web最重要技术的发展流程,成立于Eleventy 、Vue、Nuxt. js 和TailwindCSS 之上。

这有意思,因为:

·Markdown 赞同;

·它是一个渐进外观设计因特网最重要技术的发展流程;

·多母语赞同;

·笨拙定制。

在一个社区经营管理和赞同层面,这款系列产品有一个社区闲谈、众多手册、若有、改版和博文。它也有一个广泛的文件和建树最新。

我们不会自荐这个工程建设的建树,因为它是一个显然无与伦比的基本功能,使整合人员的生活确实很较易。此外,您还将出名Vue周围的所有主要最重要技术。

15 Cachet

Cachet是一个庞大的开放源码完全最重要词种系统,用Vue和Bootstrap制作。它外设了10种母语。Cachet与一个非常简单(但机能庞大)的JSONAPI 并用在三人。此外,通过Cachet,你可以提前亦需娱乐活动。在仪表板当中,你可以设置指标——一种校准某些进去的作通则,无论是长短时间运行短时间、码率还是基本上随机的进去。

Slack中的有一个比较大的一个社区,建树者比较为人所知。开始为开放源码一个社区好好建树是一个极好的为了让——为人所知的一个社区,当中等规模的工程建设,好主意。

16 VeeValidate

VeeValidate 是一个基于巨集的Vue. js 测试开放性,意味着你测试输入和推测出错。

由于它是基于巨集的,你只只能为每个输入指定当值改回时应适用哪种测试器。出错将因特网连接作用于的40+内陆地区赞同。很多原则上都是APP即用的。

有所不同之处:

·出名且易于设置的基于巨集的测试;

·i18n赞同和出错消息在40+内陆地区;

·异步和自定义原则上赞同;

·用TypeScript编写;

·没有人依赖。

VeeValidate 处理表单测试的主要痛点,并以最自如的方外观设计为处理它们:

·必需为你的用户外观设计复杂的用户体验;

·大多数类似于的测试是外设的;

·跨领域测试;

·用做大幅提高窗体的可会见性和样外观设计的实用流程;

·完全免费是外设到整体。

开发团队热烈欢迎每个人为因素工程建设好好出建树,并有一个极佳的PDF和建树最新。它也有一些无与伦比的例子和无与伦比的一个社区。

结论

我们收集了Vue上最有用、最成熟的开放源码工程建设。我们不想随即指出:首先,在为了让一个供资工程建设前,要注意表列出事项:PDF和建树最新还有,为了让自己最喜好的工程建设,不管是不是热门。

以上就是本次分享的全部概要,不想自学更多web技巧,热烈欢迎持续关心六星云授课!

治勃起障碍哪家医院较好
宝宝消化不良的症状
视力模糊用什么眼药水
孕妇腰酸
艾得辛对风湿效果好吗
扁桃体炎的治疗方法有哪些
复方鳖甲软肝片多久一个疗程
红草止鼾胶囊效果好不好
扭伤吃什么止痛药
生物药海外商业化
相关阅读