VSCODE htmlのプレビュー機能を追加する

VSCODEで、htmlのプレビュー機能を追加する手順を記述してます。

環境

• OS windows11 home
• vscode 1.63.2

手順

赤枠のアイコンをクリックし、拡張機能を開きます。
ショートカットキーの「ctrl」+「shift」+「x」を使っても可能です。

「HTML Preview」と入力します。この拡張機能を使用でプレビューが利用できるようになります。

「インストール」をクリックすると、「インストール」が開始されます。

これで、「Ctrl 」+ 「Shift」 + 「P」を押下して「HTML:open Preview to the Side」と入力するとプレビューが表示されます。

プレビュー画面

無効にする

無効にする場合は、「「HTML Preview」を選択して「無効にする」をクリックしてから、

「再読み込みが必要です」をクリックすると無効にすることができます。