回答編集履歴

1

誤字修正

2023/03/14 23:45

投稿

Daregada
Daregada

スコア11990

test CHANGED
@@ -10,7 +10,7 @@
10
10
  # 解決策
11
11
  あなたが行ないたいことは、「**作成中のHTML文書とCSS文書の変更に応じて、それらで構成されるWebページの表示を確認したい**」ということではないかと想像します。
12
12
 
13
- そうであれば、(まだ導入していないなら)拡張機能の`Live Prevew`を導入してください。そして、**HTML文書の置かれたフォルダーをVSCodeの「フォルダーを開く」で開いている状態**で、編集中のHTML文書を右クリックし、「プレビューの表示」を選択します。すると、ウィンドウの右半分にプレビューが表示され、左半分で編集しているHTML文書やCSS文書の変更点が即時に反映されるようになります。
13
+ そうであれば、(まだ導入していないなら)拡張機能の`Live Preview`を導入してください。そして、**HTML文書の置かれたフォルダーをVSCodeの「フォルダーを開く」で開いている状態**で、編集中のHTML文書を右クリックし、「プレビューの表示」を選択します。すると、ウィンドウの右半分にプレビューが表示され、左半分で編集しているHTML文書やCSS文書の変更点が即時に反映されるようになります。
14
14
 
15
15
  Live Previewは、作業中のフォルダーをドキュメントルートとするWebサーバーを起動することで実現しているため、ローカルファイルを直接表示するよりも実際のWebサーバーに近い環境で確認できます。なお、プレビューでは外部へのリンクなどが機能しないため、それらを確認するときには、プレビュー右上のボタンから「ブラウザーで開く」を選択するとか、コマンドパレットから「ライブプレビュー: デバッグプレビューの表示(外部ブラウザー)」を選択してください。
16
16