フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

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

VSCodeでhtmlをLivePreviewしたい!!!

LivePreviewとは?

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

使い方

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

簡単!

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

[紹介元] CSSタグが付けられた新着投稿 – Qiita VSCodeでhtmlを書いてるときにLiveプレビュー

コメント

記事に戻る

コメントを残す