新しいMicrosoft Visual Studio Codeで自分のHTMLコードをブラウザで表示するには?
Notepad++では、ブラウザで実行するオプションがあります。同じことをVisual Studio Codeで行うにはどうすればよいでしょうか?
Windowsの場合 - デフォルトのブラウザを開く - VS Code v 1.1.0でテスト済み
特定のファイル(名前はハードコードされている)を開く場合と、その他のファイルを開く場合の両方に対応しています。
ステップ:
1.Alt;kbd>ctrl + shift + p (または F1) で、コマンドパレットを開きます。
2.2. Tasks.Configure Task
と入力します。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キーを押したときに常に特定のファイルを開くことができます。
また、"args" の値として ["${file}"]
を用いることで、その時点で開いているファイルを開くように設定することもできます。ただし、$
は{...}
の外側にあるので、["{$file}"]
は正しくありません。
3.3. ファイルを保存します。
4.htmlファイル(この例ではtext.html")に戻って、ctrl + shift + b を押すと、Webブラウザでページが表示されます。
.
@InvisibleDev - Macで動作するようにするには、これを使ってみてください。
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": [
"${file}"
]
}
クロームがすでに開かれている場合は、htmlファイルを新しいタブで起動します。
CTRL+SHIFT+Pでコマンドパレットが出てきます<br>。 もちろん、何を実行しているかによりますが。ASP.netアプリの例では、次のように入力できます: <br>
>kestrelと入力し、Webブラウザを開いて
localhost:(ここではポート)` と入力すると、
また、>
と入力すると、show and runコマンドが表示されます。
あるいは、あなたのHTMLの場合は、コマンドパレットを開いた後、F5
を押すとデバッガーが開くと思います。
出典はこちら。[リンク][1].