通过使用sublime的cssrem插件编辑666666的px转

参考链接

https://blog.csdn.net/m0_37661081/article/details/72864388

前言

本人是非常喜欢Webstorm编译器的，所以当要用回sublime其实内心还是挺痛苦的，毕竟已经用习惯了Webstorm。
但是px转rem的插件cssrem只有针对sublime的。
CSSREM 是一个CSS的 px 值转 rem 值的Sublime Text3自动完成插件。

准备

• Sublime Text 3，必须要这个版本，去网上搜一下就能搜到破解的中文版。
• cssrem，去github中下载：git clone [https://github.com/flashlizi/cssrem](https://github.com/flashlizi/cssrem)

开始安装

• 打开 Sublime Text 3，进入到packages目录，推荐一个方法：Sublime Text -> Preferences -> Browse Packages...中文版的话就是：首选项-> 浏览插件

  
  进入到packages目录

• 复制刚刚下载的cssrem目录到刚才的packges目录里

  
  一整个cssrem目录复制过来

• 重启Sublime Text，重启后会发现，多了一个cssrem插件，说明已经安装好了

  
  

参数配置

1. 配置方法

修改配置方法：Sublime Text -> Preferences -> Package Settings -> cssrem -> Settings - Default

中文版

2. 配置参数

• px_to_rem - px转rem的单位比例，默认为40（一般是设计稿宽度的十分之一）。
• max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。
• available_file_types - 启用此插件的文件类型。默认为：[".css", ".less", ".sass"]。

由于设计稿是750px，且启用插件的文件类型为scss，所以我的配置为：

{
    "px_to_rem": 75,
    "max_rem_fraction_length": 6,
    "available_file_types": [".css", ".less", ".sass", ".scss"]
}

使用效果

当输入80px时会有提示
敲下enter键后就会替换