VS CodeでSass/SCSSをコンパイルするには「Easy Sass」という拡張機能をおすすめする

2019年6月5日

VS CodeにSass/SCSSをコンパイルする拡張機能はあるのか

今までBracket+Koalaを使ってSass/SCSSをコンパイルしていましたが、
VS Codeを使う機会が非常に増えてきました。
同じようにKoalaでコンパイルしていたのですが、
あまりにも高機能なVS Codeの事だからSCSSくらいコンパイルできるんじゃないの？と思ったのがきっかけです。

「Easy Sass」という拡張機能がある

Easy Sass – Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=spook.easysass

これでKoalaの代わりになるのであればわざわざKoalaを立ち上げる必要がないですね。
早速試してみました。

「拡張機能」からインストール。

もしかするとインストールするだけでいいのかな？
と淡い期待を込めてSCSSを更新してみます。

するとなんと、自動的に更新されているではないですか・・・・。

これは素晴らしい。VS Code一本で何でも出来てしまう！
これはフロントエンドエンジニアには必須の機能ですね。
もっともっとVS Codeを使ってみたくなりましたのでしばらく使ってみようと思います。

ついでにmin.cssも出来ていました。
親切機能ですね～！