【HTML/CSS】開発環境構築　VSCode

開発環境構築

VSCodeに以下のプラグインをインストールしました。

• Live Sass Compiler
  　プロジェクト内のscssの変更を監視。
  　scssファイルからcssファイルへのコンパイルを自動でしてくれる。
  　Live Serverと競合しデッドロックした場合は、VSCodeを再起動する。

• Live Server　
  　右下の「Go Live」をクリックすると、PC上の仮想サーバが立ち上がる。
  　基本的に開発は仮想サーバで動作を確認しながら行う。（右クリック→Open with Liveserver）

• Prettier
  　ソースを自動で整形してくれるツール。