快速产生项目 UI 的前端框架 QMUI Web

快速产生项目 UI 的前端框架 QMUI Web

MIT
跨平台
腾讯
2016-08-04
kayo5994

QMUI Web

官网:http://qmuiteam.com/web

Github: https://github.com/QMUI/qmui_web

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。如果你的项目需要有一套完整的设计,并且可能有频繁的变动,那么 QMUI Web 框架将会是你最好的解决方案。

功能特性

基础配置与组件

通过内置的公共组件和对应的 SASS 配置表,你只需修改简单的配置即可快速实现所需样式的组件。(QMUI SASS 配置表和公共组件如何帮忙开发者快速搭建项目基础 UI?

SASS 与 Compass 支持

QMUI Web 包含70个 SASS mixin/function/extend,涉及布局、外观、动画、设备适配、数值计算以及 SASS 原生能力增强等多个方面,可以大幅提升开发效率。

脚手架

QMUI Web 内置的工作流拥有从初始化项目到变更文件的各种自动化处理,包含了模板引擎,图片集中管理与自动压缩,静态资源合并、压缩与变更以及冗余文件清理等功能。

扩展组件

QMUI Web 除了内置的公共组件外,还通过扩展的方式提供了常用的扩展组件,如雪碧图组件,等高左右双栏,文件上传按钮,树状选择菜单。

环境配置

#安装 gulp
npm install --global gulp
#安装 SASS
gem install sass
#安装 Compass
gem update --system
gem install compass

快速开始

推荐使用 Yeoman 脚手架 generator-qmui 安装和配置 QMUI Web。该工具可以帮助你完成 QMUI Web 的所有安装和配置。

#安装 Yeoman,如果本地已安装可以忽略
npm install -g yo
#安装 QMUI 的模板
npm install -g generator-qmui
#在项目根目录执行以下命令
yo qmui

 

工作流任务列表

#在 UI_dev/qmui_web 中执行以下命令可以查看工作流的任务列表及说明
gulp help

也可以查看文档中的详细说明

QMUI Web Desktop

推荐配合使用的桌面 App:QMUI Web Desktop。它可以管理基于 QMUI Web 进行开发的项目,通过 GUI 界面处理 QMUI Web 的服务开启/关闭,使框架的使用变得更加便捷,并提供了编译提醒,出错提醒,进程关闭提醒等额外的功能。

完善框架

如果有意见反馈或者功能建议,欢迎创建 Issue 或发送 Pull Request,调试与修改框架请先阅读文档,感谢你的支持和贡献。

设计稿 Sketch 源文件可在 Dribbble 上获取。

的码云指数为
超过 的项目
加载中

评论(4)

l
lblin
腾讯的,啧啧,我嗅到了一波氪金的味道
Joely上神
Joely上神
好,不错的分享
CapJes
CapJes
这玩意儿拿来干嘛用的,表示不懂。 #QMUI Web#
sujianxin
sujianxin
红红火火 #QMUI Web#

腾讯 QMUI Web 3.0 正式发布,带来全新功能

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成,由 QMUI 团队 出品。 官网:http://qmuiteam.com/w...

2018/04/24 20:35

腾讯 Web UI 解决方案 QMUI Web 正式回迁开源

项目简介 QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。由腾讯广研 QMUI 团队出品。框架主要由一个丰富的 Sass 方法合集与内置的工作流构成。通过 QMUI Web...

2017/08/25 11:27

QMUI Web 框架正式发布 2.0 版本

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成,由QMUI 团队出品。 重要更新 本次框架更新版为 2.0 ...

2017/04/11 16:32

QMUI Web 1.4.1,全面更新依赖包

QMUI Web 1.4.1 发布了。本次更新涉及 QMUI Web 框架以及相关的 Yeoman 脚手架的依赖包更新,主要包括 browser-sync(浏览器自动刷新),gulp-clean-css(CSS 压缩以及清理),gulp-imagemin...

2017/02/07 16:02

QMUI Web 1.3.2,工具方法优化与更完善的文档

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成,由 QMUI 团队 出品。 Github: https://github.com/Q...

2016/12/13 18:26

腾讯 QMUI Web 1.3.1,新增多个辅助工具与优化

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成,由腾讯 QMUI 团队 出品。 Github: https://github.c...

2016/11/15 16:11

腾讯 QMUI Web 1.3 发布,更完善的工具方法

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成,由腾讯 QMUI 团队出品。 Github: https://github.c...

2016/11/01 15:31

腾讯 QMUI Web 1.2.6 发布,新增 toFixed

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成,由腾讯 QMUI 团队出品。 本次更新 新增 toFixed 方法...

2016/10/25 07:23

腾讯 QMUI Web 1.2.5,新增多项功能

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成,由腾讯 QMUI 团队出品。 Github: https://github.c...

2016/10/09 16:27

腾讯 QMUI Web 1.2.2,基础组件全新默认样式

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的 SASS 方法合集与内置的工作流构成,由腾讯 QMUI 团队出品。 Github: https://github.c...

2016/09/06 16:26

没有更多内容

加载失败,请刷新页面

暂无问答

【软件周刊】微软发布 Mac 版 Visual Studio,SQL Server 2016 SP1 紧跟节奏

软件周刊(11.13 - 11.19):本周热门软件更新 — Apache Tomcat 6.0.x 系列将停止支持更新;微软或成最大赢家。

2016/11/19 22:31
6.6K
9
【软件周刊】D语言卷土重来,Vue.js 应获 1024 个赞,小薇可以一键启动了

软件周刊(10.30 - 11.05):本周热门软件更新——前端 Vue.js 2.0.4 版本亮点是 SSR 性能改进 20%;后端 Hprose for Go 发布了 2.0.0 版本,是一个里程碑版本;XiaoV(小薇)可以一键启动了...

2016/11/05 22:47
4.4K
8
实用高效,27款腾讯热门开源项目推荐

腾讯作为互联网行业的一大巨头,一直都不吝啬将好的技术开放,与广大开发者共享,未来也将推出VR开放平台和AI技术。腾讯在全球合作伙伴大会披露了未来五年的发展思路,在技术共享方面,腾讯希...

2016/10/19 07:11
14.5K
39
推荐一套 Delphi 入门级视频

Title Description Link #1 Intro to the IDE web • zip #2 Hello World web • zip #3 Basic Application Development web • zip #4 Language Introduction web • zip #5 More Lanugage...

2014/09/26 15:30
13
0
WAF学习

https://www.zhihu.com/question/21606800

2016/11/30 16:12
25
0
一些常用的WebServices

一些常用Web服务, http://www.webxml.com.cn/zh_cn/web_services.aspx 有更多的web服务,可以去找找,下面列举一部分 天气预报Web服务,数据来源于中国气象局 Endpoint Disco WSDL IP地址来...

2009/12/27 15:39
300
0
NGINX 取代微软IIS,成为第二大Web服务平台

摘要:Apache 依然是Web服务平台的领头者,而开源的NGINX,则刚刚取代了微软的IIS,成为了世界上第二大Web服务平台。 如果你对Web服务器平台有所了解,你应该知道开源的 Apache是最流行的Web...

2012/01/09 17:31
62
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部