image
截至目前 vue 在 GitHub 上的 Star 数已经高达 152601, 还有绝大数像笔者一样不经常 star 别人的 Vue 友们(可恨可气). Vue 因其友好程度让更多前端爱好者加入到其中, 开源项目对程序员来说是很有用的. 你可以通过读代码并且在现有项目的基础上构建一些东西来学习, 因为如果想提高你的 Vue 开发技术, 那么花些时间来了解开源项目是很值得的. 今天推荐 10 个 Vue 开源项目, 虽然不是最流行的开源项目, star 数有的甚至只有两位数, 但是实用性还是相对较强的.
Prettier
这是一个代码格式器, 支持多种语言, 与大多数的编辑器 (Atom,Emacs,Visual Studio,web Storm 等) 集成, 实时更新, 可与如 JavaScript,CSS,html,GraphQL 等)一起使用, 节省大量花在代码格式化的时间和精力, 现已支持. vue 文件
网站: https://prettier.io
演示: https://prettier.io/playground/
GitHub:https://github.com/prettier/prettier
GitHub Stars: ★34500
image
image
Vuetify
Vuetify 是一个 Vue UI 库, 其中包含精美的手工制作的 Material Components. 符合 Google Material Design 准则, 结合了 vue.js 和 Material 的所有优点, 并且与 RTL 和 Vue cli3 兼容, 可以通过使用他构建更有交互式且有吸引力的项目.
网站: https://vuetifyjs.com/en/
GitHub: https://github.com/vuetifyjs/vuetify
GitHub Stars: ★22600
image
iView
iView 是一套基于 Vue.JS 的高质量 UI 组件库, 可靠文档是其一大优势, 用来快速构建 Web 项目, 相对友好的 API 更好的服务于 Vue 友们, 目前已更新到 4.0 版本
网站: https://iviewui.com/
GitHub: https://github.com/iview/iview
GitHub Stars: ★22777
image
image
CSSFX
这是一个极具匠心的设计, 每一个效果都具备流动性, 简单性和易用性. 让广大 Vue 友快速使用相关 button 动效, 让 Web 呈现更加丰富. 即可应对业务需求, 也可自我提升实现.
网站: https://cssfx.dev
GitHub: https://github.com/jolaleye/cssfx
GitHub Stars: ★5224
image
uiGradients
这是一个 CSS 实现的线性渐变的效果集合, 预览的每一个效果都可以复制源码开箱即用.
网址: https://uigradients.com/
GitHub 的: https://github.com/ghosh/uiGradients
GitHub 星:★4523
image
Handsontable
Handsontable 是用于 Web 应用程序的 JavaScript 数据网格组件. 支持所有的标准操作, 增删改查以及过滤排序, 可以按需定制. 可用于纯 JavaScript,React,Vue 和 Angular. 网站: https://handsontable.com
GitHub: https://github.com/handsontable/handsontable
GitHub Stars: ★12857
image
SheetJS
SheetJS 是一个帮助操作 Excel 文件中存储的数据的 JS 库, 支持每种 Excel 文件格式, 强大的功能还有良好的兼容性. 可以在纯 Web 端导出 Excel 或者其他任何的 HTML 表格, 不涉及服务端脚本. 全权由前端控制, 导数据再也不用看后端哥哥脸色了.
网站: https://sheetjs.com/
演示: https://sheetjs.com/demos
GitHub: https://github.com/SheetJS/js-xlsx
GitHub Stars: ★18691
image
image
Vue Material
Vue 的常用 Vue UI 库之一, 简单, 轻巧, 完全按照 Google Material Design 规范构建. 包含动态主题, 按需组件以及所有易于使用的 API.
网站: http://vuematerial.io
GitHub: https://github.com/vuematerial/vue-material
GitHub Stars: ★8376
vueOrgChart
纯前端无需安装任何 Web 服务器或数据库, 图标可直接在 Excel 或者 HTML 中编辑, 通过学习如何自定义构建设置后, 可以自己 DIY 图表
演示: https://hoogkamer.github.io/vue-org-chart
GitHub: https://github.com/Hoogkamer/vue-org-chart
GitHub Stars: ★78
image
Faviator
这是一个简易的图标生成器, 通过自定义配置参数, 选择图标格式后, 生成对应的 JPG,PNG,SVG 格式. 也可用 Google Fonts 中选择字体图标, 对于小型公司无 UI 设计情况下, 是可以快速解决图标问题的, 当然阿里 Iconfont 也很好用...(无可否认)
网站: https://www.faviator.xyz
演示: https://www.faviator.xyz/playground
GitHub: https://github.com/faviator/faviator
GitHub Stars: ★90
image
来源: http://www.jianshu.com/p/9c9cbc9d9f2b