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

来源:开源中国社区 作者:kayo5994
  

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

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

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

本次更新涉及 QMUI Web 框架源码以及安装器等多个方面的更新,其中主要为安装器,即 generator-qmui 1.3.1 的更新。generator-qmui 是一个标准的 Yeoman 脚手架,可以帮助你完成 QMUI Web 的所有安装和配置。

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

Generator.gif-4750.6kB

本次更新

  • generator-qmui 新增 HTML 脚手架,可以快速生成标准的 HTML5 模板,自带常用的 meta 信息。也可以生成适用于 QMUI 模板引擎的模板。

  • generator-qmui 新增 Scss 与 CSS 文件脚手架,可以快速生成适合 QMUI 格式的对应文件,包括自动写入作者,创建日期,文件编码等信息。

  • QMUI Web 优化(创建新项目时自动写入作者到 Scss 文件中,工作流提供统一的日志方法

效果预览

以 HTML 为例:

#在需要输出文件的目录执行以下命令
yo qmui:html test

image_1b1jeqfor1etamsdnl41oglgrsm.png-36.1kB

image_1b1jerban1s21ne31nf210qk1qch13.png-132.6kB

更多辅助工具请参考文档

下载地址

近期更新

  • 全新设计的工具方法文档,侧栏列出了所有方法,点击方法名显示方法实现;

  • 增加更多浏览器适配方法,增加幂计算工具方法,并整理原有的计算方法,增加大量示例;

  • 增加 Commit 测试验证机制,提高稳定性;


时间:2016-11-15 21:34 来源:开源中国社区 作者:kayo5994 原文链接

好文,顶一下
(0)
0%
文章真差,踩一下
(0)
0%
------分隔线----------------------------


把开源带在你的身边-精美linux小纪念品
无觅相关文章插件,快速提升流量