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

相關文章
相關標籤/搜索