CSS值自动转REM的Sublime Text插件
2016-06-16 本文已影响319人
_韩小妖
在移动页面的开发中,我们通常采用rem来做适配,但是每次进行计算特别麻烦,也会大大降低我们的开发效率,为了提高开发效率,我们可以使用CSSREM插件。
CSSREM简介
一个CSS的px值转rem值的Sublime Text 自动完成插件。
插件效果如下:
cssrem.gif
安装
- 下载本项目,他是一个压缩的文件包,下载后直接解压即可
https://github.com/flashlizi/cssrem - 进入packages目录:Sublime Text -> Preferences -> Browse Packages...
-
复制下载的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键,得到如下结果:
是不是超级方便,快来安装试试吧!