ホームページ  >  記事  >  開発ツール  >  vscode でデバッグを使用する方法

vscode でデバッグを使用する方法

王林
王林オリジナル
2020-02-11 17:47:146719ブラウズ

vscode でデバッグを使用する方法

1. launch.json を設定します

vscode でデバッグを使用する方法

#これを設定した後は、現時点では急いで試しないでください。緑色のボタンをクリックします。 [スタート] ボタンのデバッグを開始した後、ページを開けないことがわかりましたが、ブラウザーのリンクが失敗したというプロンプトが表示されました。

現時点では、シミュレートされたサーバーでのページの実行と表示をサポートするために、Apache や iis などのサーバー プラグインをインストールする必要があります。

2. プラグイン [ライブ サーバー] をインストールします

これは、図に示すように、シミュレーション サーバーで実行されるページをサポートする上記のプラグインです。

vscode でデバッグを使用する方法

インストールが完了し、左側に[再読み込み]プロンプトが表示されたら、ボタンをクリックして再読み込みします。

3. HTML ページを開いてデバッグ テストを実施します

基本的な作業は完了しました。現時点では 2 つのデバッグ モードがあります:

ローカル静的を使用するページのデバッグ :

図に示すように、構成したテスト オプションを選択し、デバッグが必要なページを開き、F5 キーを押してデバッグを開始します。

サーバー フォームでデバッグを使用する: vscode でデバッグを使用する方法

インストールしたライブ サーバーは、この時点で役に立ちます。また、デバッグするページを開いて、ページ上の任意の場所を右クリックします。ページに移動し、[ライブ サーバーで開く] を選択します。図に示すように:

完了です。

vscode でデバッグを使用する方法関連する学習に関する推奨事項:

vscode チュートリアル

以上がvscode でデバッグを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。