[解決済み】Visual Studio CodeでHTMLファイルをブラウザで表示する方法

質問

新しいMicrosoft Visual Studio Codeで、自分のHTMLコードをブラウザで見るにはどうしたらいいですか？

メモ帳++では、ブラウザで実行するオプションがあります。Visual Studio Codeで同じことをするにはどうしたらいいですか？

解決方法は？

Windowsの場合 - デフォルトブラウザを開く - VS Code v 1.1.0にて動作確認済み。

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

ステップ

1. 使用方法 ctrl + シフト + p (または F1 をクリックすると、コマンドパレットが表示されます。

2. を入力します。 Tasks: Configure Task または古いバージョンでは Configure Task Runner . これを選択すると tasks.json ファイルを作成します。表示されているスクリプトを削除し、以下のように置き換えてください。

   {
       "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 + シフト + b をクリックすると、ウェブブラウザでページが表示されます。