CSS值自动转REM的Sublime Text插件

在移动页面的开发中,我们通常采用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键,得到如下结果:


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容