ホームページ > 開発ツール > VSCode > ブラウザを使用して VSCode で記述されたコードを表示する方法

ブラウザを使用して VSCode で記述されたコードを表示する方法

angryTom
リリース: 2020-02-10 14:46:28
オリジナル
6633 人が閲覧しました

Vscode のデフォルトでは、コンソールで HTML ファイルが表示されるため、表示やデバッグには非常に不便です。では、ブラウザで開くにはどうすればよいでしょうか?

ブラウザを使用して VSCode で記述されたコードを表示する方法

ブラウザを使用して VSCode で記述されたコードを表示する方法

1. 新規作成HTML ファイル

ブラウザを使用して VSCode で記述されたコードを表示する方法

2. 左側の [拡張機能] をクリックして、拡張機能バーを開きます。

ブラウザを使用して VSCode で記述されたコードを表示する方法

3. 拡張機能バーの検索バーに「ブラウザで開く」と入力し、ブラウザで開くプラグインを見つけて、右下の「インストール」をクリックしてインストールします。

ブラウザを使用して VSCode で記述されたコードを表示する方法

4. 作成したばかりの HTML ファイルに戻り、ファイルを右クリックして、ポップアップで [使用] を選択します。デフォルトのブラウザまたは他のブラウザで開くか、上記のショートカット キー (Alt B または Shift Alt B) を使用できます。

ブラウザを使用して VSCode で記述されたコードを表示する方法

6. 他のブラウザで開きたい場合は、[他のブラウザで開く] を選択します (Shift Alt B を押すと、コマンド ボックスが表示されます)。上部に、使用可能なブラウザが表示されます。必要なブラウザを選択してください。ここでは、Chrome を使用して開きます。

おすすめの関連記事チュートリアル:

vscode チュートリアルブラウザを使用して VSCode で記述されたコードを表示する方法

以上がブラウザを使用して VSCode で記述されたコードを表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート