編集時に自動リロードされるVSCodeのHTMLドキュメントのプレビューを取得するには、Live Serverエクステンションを使用することができます。以下はその設定手順です：

    1.VSCodeでHTMLファイルを開きます。
    2.左サイドバーの "拡張機能 "アイコンをクリックし、マーケットプレイスで "Live Server "を検索し、"インストール "ボタンをクリックして、Live Server拡張機能をインストールします。
    3.拡張機能がインストールされたら、VSCodeウィンドウの右下にある "Go Live "ボタンをクリックしてください。これにより、HTMLファイルを提供するローカルサーバーが起動します。
    4.HTMLファイルは自動的にデフォルトのブラウザで開くはずです。開かない場合は、ターミナル出力に表示されるリンクをクリックするか、手動でブラウザの「http://localhost:5500」に移動してください。
    5.HTMLファイルに変更を加えると、ブラウザのプレビューが自動的に更新されるはずです。

以上です！Live Serverを使えば、HTMLファイルを簡単にプレビューし、変更をリアルタイムで確認することができます。
To get a preview of an HTML document in VSCode that auto-reloads on edits, you can use the Live Server extension. Here are the steps to set it up:

    1. Open your HTML file in VSCode.
    2. Install the Live Server extension by clicking on the "Extensions" icon on the left sidebar, searching for "Live Server" in the marketplace, and clicking the "Install" button.
    3. Once the extension is installed, click on the "Go Live" button in the bottom right corner of the VSCode window. This will launch a local server that serves your HTML file.
    4. Your HTML file should automatically open in your default browser. If it doesn't, you can click on the link that appears in the terminal output, or manually navigate to "http://localhost:5500" in your browser.
    5. As you make changes to your HTML file, the preview in your browser should automatically update.

That's it! With Live Server, you can easily preview your HTML files and see changes in real-time.