美文网首页
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