V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Kayo5994
V2EX  ›  分享创造

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

  •  1
     
  •   Kayo5994 · 2016-11-16 13:45:46 +08:00 · 2701 次点击
    这是一个创建于 2922 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 的模板
    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 测试验证机制,提高稳定性;
    3 条回复    2016-11-16 18:04:32 +08:00
    shell92
        1
    shell92  
       2016-11-16 14:15:36 +08:00
    最近在学 node
    ety001
        2
    ety001  
       2016-11-16 17:31:55 +08:00
    最近总看到各个前端团队发布自有的前端框架,现在真的是一个前端疯狂生长的年代。。。
    Doubear
        3
    Doubear  
       2016-11-16 18:04:32 +08:00 via iPhone
    @ety001 或许是把洗脑深入骨髓
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1760 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 16:46 · PVG 00:46 · LAX 08:46 · JFK 11:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.