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

参考链接

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

推荐阅读更多精彩内容