你尚未登录,仅允许查看本站部分内容。请登录使用邀请码注册
kayo5994

腾讯 QMUI Web 1.3.1,新增多个辅助工具与优化 0个回复 专栏 @ 框架与库

kayo5994 发布于 9 月前

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

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

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

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

#安装 Yeoman,如果本地已安装可以忽略
npm install -g yo
#安装 QMUI 的模板
npm 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 测试验证机制,提高稳定性;
等待第一条回复
登录后回复,如无账号,请使用邀请码注册