Atom 编辑器插件: px2rem-plus 转换 px(像素) 到 rem 单位

对于移动端网页的开发,目前看采用 rem 单位多是一个相对完美的解决方案。在平时的开发中常常须要把 px 转换成 rem。因为我目前主要使用 Atom 这个编辑器来开发,也用了一些相似的转换插件,但都不能令我满意(我还给其中一个插件提交过 PR),因此本身开发了一个 Atom 插件。git

安装: apm install px2rem-plus
下载: https://atom.io/packages/px2r...
Github: https://github.com/hex-ci/px2...github

主要功能

自动完成

v2-69ddf9364d81872feb7f85e2d82ab90b_r.png

转换编辑器中的内容

支持转换所有文本或选中的文本内容。快捷键: ctrl-alt-r编辑器

为当前文件设置基准像素大小

每一个文件能够有本身的基准值,而且这个设置会自动保存,下次打开相同文件会自动使用设置过的值。快捷键: ctrl-alt-patom

v2-6a7609b1cf023e7a2651bab364a82e36_r.png

添加注释

支持给转换后的 rem 单位添加注释,例如 /* 100/75 */spa

保留前导零

若是转换后的值小于 1,则能够选择是否保留前导零,例如 0.5rem(保留) 或 .5rem(不保留)插件

演示

example.gif

但愿对使用 rem 的朋友有帮助。code

相关文章
相关标签/搜索