見出し画像

VSCode + Sass Live Complier + Live Server + VirtualBox

そこはかとない「何をいまさら」感がありますが、ちょっと感動したんだからさ〜いいじゃないの。

久しぶりにコードを書いています(HTML だけど)。マシンが新しくなったので、環境構築どうするかな〜と思いつつ、惰性で前のマシンと同じような環境を作り、MAMP でやるか〜的な流れでやっていましたが、SCSS のコンパイル環境をどうしようかとおもって、プラグインを漁ったところ「Sass Live Complier」というのを見つけました。

これと同時に「Live Server」というプラグインも自動的にインストールされ(セットで使うので当たり前)

あっというまに環境構築終了。

Windows だって VirtualBox で hosts 書いてバキッと検証しちゃうんだもんね〜

なんて思っていた時代が私にもありました。。

奥さん(誰)hosts は書かなくていいのです。

Live Server で吐き出されるURLは「http://127.0.0.1:5500/hogehoge/」というURLになります。

VirtualBox でアクセスする場合は、このIPアドレスを「10.0.2.2」に書き換えて上げればよいのです。

つまり、VirtualBox側のURLは「http://10.0.2.2:5500/hogehoge」とします。

これだけで Windows の検証もできちゃう。あっというま。

どうやら .htaccess の処理とかは動かないっぽいので、引き続き MAMP の環境は用意しておく必要がありますが、特にそういったものを使わない場合はサラリと検証が完了できます。

なんか、いつもMAMPを立ち上げるの遅いんだよな〜とか思っている方にはとても便利に検証ができるようになると思いますので、ご参考までに試してみてください。

最後までお読みいただきありがとうございます。 それだけでとてもとてもうれしいです。