css自动转rem,css之px自动转rem—sublime插件CSSRE使用介绍

CSSREM

CSSREM是一个CSS的px值转rem值的Sublime Text3自动完成插件。先来看看插件的效果：

一个CSS的px值转rem值的Sublime Text 3自动完成插件。

安装

下载本项目，比如：git clone

进入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