【VSCode】便利な機能拡張「px to rem」

「px to rem」とは？

「px to rem」は、CSSファイル内のpx単位をrem単位に変換するVSCodeの拡張機能です。
以下のような機能を備えています。

小数点以下の桁数設定: 変換後の値の小数点以下の桁数を指定できます。

選択テキストの変換: 選択したCSSコードのpxをremに変換、またはその反対も可能。

ショートカットキーの利用: Alt+Zのショートカットで簡単に変換が可能。

基準ピクセル値の設定: 一般的に1rem = 16pxですが、プロジェクトに応じて変更可能。

機能拡張のインストール方法はこちらです。

①cssの中で変換したいpxを含むコードを選択する。

②ショートカットで実行。
　Win:　Alt + z
　Mac：　Option + z

基準値や小数点以下の設定を変更したい場合は、拡張機能の設定メニューから設定可能です。

px2rem+
pxからremへの変換に加え、vwやvh単位への変換、保存時の自動変換など、多機能な拡張機能です。

PX REM Converter
選択したテキスト内のpx値をremに変換するシンプルなツールで、基本ピクセル数を設定できます。

Unit Flux
CSSデザインのための単位変換をシームレスに行う拡張機能で、pxからremやemへの自動変換をサポートしています。