Live Sass Compiler

こんばんはaoki です。

今日から案件の静的コーディングを担当することになりました。

ソースコードを見比べながら、コードを入力していきスタイルを当てていくのですが
Scssの効率の良さを実感したためご紹介します。

導入から使い方

僕はVisual Studio Codeというエディタを使っています。このエディタは拡張機能が豊富なのに無料です。

そこで今回は、コーディングの効率化を図る拡張機能も併せてご紹介します。

Live Sass Compilerは自動でスタイルシートをコンパイルしてくれる機能です。

cssとscssをそれぞれ別のフォルダに分けて管理することでscssで記述を進めながら自動的に
cssにコンパイルされる仕組みです。
Scssの利点は、入れ子が可能になるところや関数の定義などができることから
時間短縮だけではなく、スタイルシートの管理が容易になります。

既に知っている方もいるかもしれませんが、コーディングする際は是非使ってみてください。

一日お疲れ様でした。