VSCodeでhtmlを書いてるときにLiveプレビュー


VSCodeでhtmlをLivePreviewしたい!!!

LivePreviewとは?

Webpackなどで普段フロントの開発をしている人はお馴染みだと思うのですが、エディターでSaveした瞬間にブラウザのプレビューが更新される事です。勝手に呼んでます。
Webpack等の環境がない状態でもその機能を使いたい!という方向け(only VSCode)

使い方

VSCodeの拡張機能、LiveServerを使用します。
1. 拡張機能の検索からLive Serverをインストール
2. VSCodeを再起動
3. プレビューしたいファイルを開き右下のGoLiveをクリック
4. 終わり!

簡単!

(VSCodeではフォルダごと開かないと動作しないみたいです。)