您的位置: 首页 >日志>前端技术>详细内容

前端技术

推荐一款CSS的 px 值转 rem 值的Sublime Text3自动完成插件

来源:本站原创 发布时间:2023-01-09 13:58:34 浏览次数: 【字体:

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

2b3df3d7cb3c47c4a9cd6c8b8bb066e9.gif

安装:

这款插件无法在线安装,所以移步下载本项目,比如:git clone https://github.com/flashlizi/cssrem,没梯子的可以在这直接下载

202301091356431922.zip

进入packages目录:Sublime Text -> Preferences -> Browse Packages...

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

22425018153546bfa5a5a6b406a259c5.png

重启Sublime Text。

配置参数

参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem

在cssrem->Settings Default下写入:

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

1、px_to_rem - px转rem的单位比例,默认为40。

2、max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。

3、available_file_types - 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。

×

用户登录