css之px自动转rem—sublime 插件CSSRE

CSSREM

CSSREM 是一个CSS的 

px

 值转 

rem

 值的Sublime Text3自动完成插件。先来看看插件的效果：


一个CSS的px值转rem值的Sublime Text 3自动完成插件。安装下载本项目，比如：git clone https://github.com/flashlizi/cssrem
进入packages目录：Sublime Text -> Preferences -> Browse Packages...
复制下载的cssrem目录到刚才的packges目录里。
重启Sublime Text。
配置参数参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem ->Settings-User，输入如下代码{
　"px_to_rem": 10,            //px转rem的单位比例，这里设置为10
"max_rem_fraction_length": 6,      //px转rem的小数部分的最大长度。默认为6。
"available_file_types": [".css", ".less", ".sass",".html"]
        //启用此插件的文件类型。默认为：[".css", ".less", ".sass"]
}
注1：设置成功后，只有在css文件中写样式的时候才会有提示，在html中填写不会有提示（如300px，当写到p的时候就会有提示300px - rem（30），即px_to_rem的值为30）
注2：经计算 px_to_rem的比例值是设计稿的宽度/10。即如果设计稿宽640，则px_to_rem值应该为64