LoginSignup
15
11

More than 5 years have passed since last update.

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

Posted at

VSCodeでhtmlをLivePreviewしたい!!!

LivePreviewとは?

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

使い方

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

簡単!

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

15
11
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
11