美文网首页
CSS值自动转REM的Sublime Text插件

CSS值自动转REM的Sublime Text插件

作者: _韩小妖 | 来源:发表于2016-06-16 13:10 被阅读319次

    在移动页面的开发中,我们通常采用rem来做适配,但是每次进行计算特别麻烦,也会大大降低我们的开发效率,为了提高开发效率,我们可以使用CSSREM插件。

    CSSREM简介

    一个CSS的px值转rem值的Sublime Text 自动完成插件。
    插件效果如下:


    cssrem.gif

    安装

    • 下载本项目,他是一个压缩的文件包,下载后直接解压即可
      https://github.com/flashlizi/cssrem
    • 进入packages目录:Sublime Text -> Preferences -> Browse Packages...
    1.png
    • 复制下载的cssrem目录到刚才的packges目录里。


      2.png
    • 重启Sublime Text。

    配置参数

    参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrempx_to_rem

    • px转rem的单位比例,默认为40。
      max_rem_fraction_length
    • px转rem的小数部分的最大长度。默认为6。
      available_file_types
    • 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。

    实际测试

    新建一个.css文件:


    按tab键,得到如下结果:


    是不是超级方便,快来安装试试吧!

    相关文章

      网友评论

          本文标题:CSS值自动转REM的Sublime Text插件

          本文链接:https://www.haomeiwen.com/subject/axjmdttx.html