趣味でコードを書く場合、いつもお世話になっている「Visual Studio Code」。

HTML編集時、リアルタイムプレビュー表示してくれる拡張機能「Live HTML Previewer」が便利なので使用しています。

Live HTML Previewer

インストール方法

  1. 拡張機能([Ctrl+Shift+X])より、「Live HTML Previewer」を検索する。
  2. 表示された項目からインストールする。

使用方法

  1. [F1]もしくは[Ctrl+Q]より、コマンドリストを表示する。
  2. サイド表示する場合「Show side preview」フル表示する場合「Show full preview」を実行する。

確認の度にブラウザを立ち上げることもなく、コード編集しながらリアルタイムに確認することができるようになります。

コメントを残す

*
*

Required fields are marked *