回答編集履歴
1
誤字修正
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
|
|