![vscodeブラウザを開く方法](https://img.php.cn/upload/article/000/000/020/5dca27e680fbc101.jpg)
#vscode ブラウザを開くにはどうすればよいですか?
ブラウザで HTML ページを表示するための vscode の設定
まずプログラムを開いて、HTML プログラムを作成します。
![1573529416230643.png vscodeブラウザを開く方法](https://img.php.cn/upload/image/644/208/798/1573529416230643.png)
次に、左側の 5 行目の拡張機能をクリックするか、ショートカット キー Ctrl SHIFT X を使用して拡張バーを開きます。
推奨チュートリアル:
vscode チュートリアル
![1573529421809895.png vscodeブラウザを開く方法](https://img.php.cn/upload/image/852/897/903/1573529421809895.png)
拡張機能バーの検索バーに「ブラウザで開く」と入力すると、 「ブラウザで開く」はプラグインで、プラグインの右下に「インストール」という文字が表示されます。
ここではすでにインストールしているため、インストールは表示されません。
![1573529429607424.png vscodeブラウザを開く方法](https://img.php.cn/upload/image/602/439/674/1573529429607424.png)
#インストールが完了したら、プラグインで使用されるショートカット キーが含まれているドキュメントを確認できます。デフォルトのブラウザでは Alt B として表示され、他のブラウザでは Shift Alt B として表示されます。
![1573529433429624.png vscodeブラウザを開く方法](https://img.php.cn/upload/image/683/926/399/1573529433429624.png)
#最初に作成した HTML ドキュメントに戻り、ショートカット キーを使用して実行できます。 HTML ドキュメントを右クリックし、ポップアップ ウィンドウでデフォルトのブラウザまたは別のブラウザで開くことを選択することもできます。
![1573529439587184.png vscodeブラウザを開く方法](https://img.php.cn/upload/image/678/820/775/1573529439587184.png)
他のブラウザで開くことを選択した場合は、中央のコマンド ボックスに使用できるブラウザが表示されます。必要なブラウザ名を選択するだけです。ここでは使用します。クロムを試してください。
![1573529445338364.png vscodeブラウザを開く方法](https://img.php.cn/upload/image/422/648/609/1573529445338364.png)
プログラムがブラウザで正常に実行されたことがわかります。
![1573529449426146.png vscodeブラウザを開く方法](https://img.php.cn/upload/image/566/819/512/1573529449426146.png)
以上がvscodeブラウザを開く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。