众所周知,Vue.js 组件是 Vue 创建自定义元素的重要功能之一,同时,模板可帮助你避免从头开始创建网页设计。总之,这些工具对于希望其开发过程更快,更高效的任何 Web 开发人员都是必不可少的。
此外,在过去的几年中,Vue.js 变得非常流行,许多企业将其添加到他们的技术栈中。该框架的优点是它具有内置的数据绑定和 MVC 模型(模型、视图、控制器),与 Angular.js 和 React.js 相比,它使配置更加容易。另外,Vue.js 的学习曲线很小,与 Angular.js 相比,Vue 更易于学习,理解和使用。
知道了这一点,我们收集了一份 Vue.js 组件、模板和实验清单,如果你是一个初学者,可以帮助你对这个框架的意义有一个概念,如果你是一个 Vue.js 开发者,也可以为你的下一个项目找到一些灵感。
# BootstrapVue Argon Dashboard PRO
BootstrapVue Argon Dashboard PRO 是 BootstrapVue 和 Vue.js 的高级仪表板。这是一种全新产品,它基于我们从头开始重新构建的最新框架结构,这种结构旨在使产品更直观,更具适应性,并且更易于定制。让 Argon 以其酷炫的功能给你带来惊喜,让你的项目达到一个全新的水平。
# Vue White Dashboard
Vue White Dashboard 是一个免费的开源 Bootstrap 4 和 Vue.js Admin 仪表板,其中包含大量的组件,这些组件可以组合在一起并看起来非常漂亮。Vue White 仪表板具有 16 个以上的独立组件,可让你自由选择和组合。所有组件的颜色都可以不同,你可以使用 Sass 文件轻松进行修改。
# Vue QRcode Reader
Vue QRcode Reader 是一组用于检测和解码 QR (二维码) 码的 Vue.js 组件。它使你无需离开浏览器即可检测和解码 QR 码,所有组件都具有响应能力。除此之外,它接近零样式,因此你可以使它们适合你的布局。使用方法简单明了。
# VueJS Expo
VueJS Expo 是使用 Vue.js 框架收集的漂亮的网站,应用程序和实验。如果你是 Vue.js 框架的粉丝,那么这里可能是你获得灵感的地方。展示包括基于 VueJS 的主题,元素,仪表板等。
# Vue Paper Dashboard PRO
Vue Paper Dashboard PRO 是一个基于 Bootstrap 和 Vue 构建的漂亮资源,它将帮助你在短时间内开始开发仪表盘。Vue Paper Dashboard Pro 是 Original Paper Dashboard Pro 的 VueJS 移植版本。使用仪表板非常简单,但是需要具备 Javascript,Vue 和 Vue-Router 的基础知识。
# Koel
Koel 是一种简单的基于 Web 的个人音频流服务,在客户端用 Vue 编写,在服务器端用 Laravel 编写。针对 Web 开发人员,Koel 采用了一些更现代的 Web 技术 ——CSS grid,音频和拖放 API 等来完成其工作。
# Vue Argon Dashboard
Vue Argon Dashboard 是 Bootstrap 4 和 Vue.js 的仪表板。它是开源的,免费的,并且具有许多组件,可以帮助你创建出色的网站。Vue Argon 仪表板内置了 100 多个单独的组件,因此你可以选择和组合,因为实现了所有元素,所以从原型化到全功能代码将节省大量时间。该仪表板附带了预先构建的示例,因此开发过程是无缝的,从我们的页面切换到真实的网站非常容易。
# Pagekit
Pagekit 是使用 Symfony 组件和 VueJS 构建的模块化,轻量级 CMS。无论是个人博客还是你公司的网站,都可以使用 Pagekit 来为网络创建功能强大的内容,使其在每台设备上都能完美运行。它具有干净直观的界面,它也有一个很棒的内置市场。
# Vue Material Dashboard PRO
Vue Material Dashboard PRO 是一个出色的高级管理模板,建立在 Vue Material 和 VueJS 之上。它是通过考虑你在仪表板中实际需要的东西而创建的。Vue Material Dashboard PRO 包含精选和优化的 VueJS 插件,一切都旨在相互配合。使用仪表板非常简单,但是需要具备 Javascript,VueJS 和 Vue Router 的基础知识。
# Vue-Color
Vue-Color 是一款来自 Sketch、Photoshop、Chrome、Github、Twitter、Material Design 等的酷炫的采色器。
# Vue Material Kit
Vue Material Kit 是基于 Vue Material 和 VueJS 构建的令人惊叹的免费开源资源。它将帮助你立即开始开发 UI 工具包。Vue Material Kit 是原始 Material Kit 的官方 VueJS 版本。使用 UI Kit 非常简单,但是需要 Javascript,VueJS 和 Vue Router 的基础知识。
# Retrospectify
Retrospectify 是一个用 Vue 编写的很棒的工具,用于以数字方式进行敏捷团队回顾。当与远程团队进行回顾时,或者当您希望随时间跟踪回顾结果时,这将很有用。它有三种类型的笔记,你可以移动笔记或添加点到个别的笔记。
# Code Notes
Code Notes 是使用 Electron&Vue.js 构建的开发人员的简单代码段管理器。使用它,你可以将多个片段保存在一个便笺中,按名称 / 语言 / 标签进行搜索,还可以管理 Github 要点。
希望这份清单对您的下一个开发项目有帮助 🙂