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
  

•