Visual Studio Code を使用してブラウザで HTML ファイルを表示する方法 質問する

Visual Studio Code を使用してブラウザで HTML ファイルを表示する方法 質問する

新しい Microsoft Visual Studio Code を使用してブラウザーで HTML コードを表示するにはどうすればよいでしょうか?

Notepad++ では、ブラウザで実行するオプションがあります。Visual Studio Code で同じことを行うにはどうすればよいでしょうか?

ベストアンサー1

Windowsの場合 - デフォルトのブラウザを開きます - VS Code v 1.1.0でテスト済み

特定のファイルを開く (名前はハードコードされています) か、他の任意のファイルを開くかの両方に対する回答。

手順:

  1. ctrl+ shift+ p(または)を使用してF1コマンドパレットを開きます。

  2. Tasks: Configure Taskまたは古いバージョンを入力します。それを選択すると、 tasks.jsonConfigure Task Runnerファイルが開きます。表示されたスクリプトを削除し、次のスクリプトに置き換えます。

    {
        "version": "0.1.0",
        "command": "explorer",    
        "windows": {
            "command": "explorer.exe"
        },
        "args": ["test.html"]
    }
    

    必ず、tasks.json ファイルの「args」セクションをファイル名に変更してください。これにより、F5 キーを押すと常にその特定のファイルが開きます。

    ["${file}"]また、 を「args」の値として使用して、その時点で開いているファイルを開くように設定することもできます。$は の外側にあるため{...}、 は["{$file}"]正しくないことに注意してください。

  3. ファイルを保存します。

  4. HTML ファイル (この例では「text.html」) に戻り、ctrl+ shift+を押してbWeb ブラウザーでページを表示します。

ここに画像の説明を入力してください

おすすめ記事