IDEAでVUEプロジェクトをデバッグするための詳細な手順

js コードをデバッグするには、コード内にデバッガーを記述するか、Chrome で毎回ブレークポイントを設定する必要がありますが、Chrome のブレークポイント情報はユーザーフレンドリーではありません。偶然このアイデアにこの機能があることを発見しました。本当にすごいですね。長い間勉強して、やっと完成しました。ハハ、とても嬉しいです。詳細な手順は次のとおりです。

1. ブラウザプラグインをダウンロードする

Chrome アプリ ストアで「jetbrains ide support」プラグインを検索します。以下に示すように、FQ が必要になる場合があります (Baidu の使い方がわからない場合は、google host を使用してください)。これが私がインストールしたものです。ここで、ダウンロードしたプラグインを見つけてインストールしようとしましたが、接続が成功せず、常にエラーメッセージが表示されました。これについては後述します。だから怠けずに正直にダウンロードしてください。

インストールが成功すると、このアイコンが右上隅に表示されます。

ダウンロードしたプラグインはインストールしないでください。まず、インストール後には機能しなくなります。次に、Chrome は不明なソースからのプラグインを信頼しないため、再起動後にプラグインが自動的に無効になります。オンラインでインストールできない場合は、ダウンロードしたプラグインの拡張子をrarに変更し、フォルダに解凍し、ブラウザのプラグイン開発者モードを使用して、フォルダをプラグインとして読み込み、インストールするという方法もあります。

また、以下に示すように、プラグイン アイコンを右クリックして [オプション] を選択し、ポートを構成することもできます。これは、アイデアと一致している必要があります。

2. IDEAを構成する

アイデアの構成は以下のとおりです

これら 2 つの手順を構成した後、新しく作成した JavaScript デバッグを実行してデバッグを開始し、ブレークポイントにアクセスします。

これで、IDEA で VUE フロントエンド プロジェクトをデバッグする方法に関するこの記事は終了です。IDEA で VUE プロジェクトをデバッグする方法の詳細については、123WORDPRESS.COM で以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。