Visual Studio Code - 拡張機能 - HTML・XML - プレビュー


クラウディア 


1. 概要
2. インストール
3. 参考サイト

1. 概要

 通常、「.html」を見るには、ウェブサーバを起動して、ブラウザ越しに見るとか。  直接、ブラウザで開いてみることもできますが・・・。  ブラウザが必要になるわけですが。  「Visual Studio Code」に拡張機能をいれることで、「Visual Studio Code」上で、ある程度、見栄えを確認することができます。

2. インストール

 インストールする拡張機能は、その名もずばり、「Live Preview」。  インストール後、「.html」ファイルを開いたエディタ上で、ファイルを右クリックすると。  「プレビューの表示」という選択肢が表示されます。  クリックすると、エディタ右に、プレビュー表示されます。

3. 参考サイト

 本ページは、下記のサイトを参考にさせていただきました。
VS Code の拡張機能「Live Preview」 #初心者