Spy-js を使用した JavaScript のプロファイリング
Spy-js を使用したコード実行のトレースとアプリケーションのデバッグのサポートは、PhpStorm にはバンドルされていません。プラグインのインストールの説明に従って、Spy-js(英語) プラグインを JetBrains マーケットプレイスからインストールできます。
Spy-js のドキュメントは、以前のバージョンの PhpStorm ヘルプにあります。
関連ページ:
![](https://resources.jetbrains.com/help/img/idea/2024.1/ps_plugins_settings.png)
プラグインのインストール
プラグインは PhpStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケッ...
![](https://resources.jetbrains.com/help/img/idea/2022.3/ws_node_run_config_create.png)
Spy-js を使用した JavaScript のプロファイリング
Spy-js は、さまざまなプラットフォーム / ブラウザー / デバイス、さらにはサーバーサイドの Node.js アプリケーションで実行される JavaScript のデバッグ、トレース、プロファイリングのためのツールです。Spy-js はソースマップを認識し、CoffeeScript と TypeScript コードでアプリケーションをトレースできます。詳細は、CoffeeScript のデバッグおよびファイル監視を参照してください。PhpStorm を使用すると、SpyJS 固有のデバッ...
![](https://resources.jetbrains.com/help/img/idea/2024.1/ws_js_refactoring_rename_file_intention_custom_naming_convention.png)
JavaScript のリファクタリング
リファクタリングとは、アプリケーションの動作を変更せずにソースコードを更新することを意味します。リファクタリングは、コードを安定した dry に保ち、保守を容易にできます。シンボルの移動リファクタリング:PhpStorm を使用すると、ファイルやフォルダーを移動できるだけでなく、JavaScript トップレベルシンボルを移動できます。シンボルの移動リファクタリングは、ES6 モジュールのクラス、関数、変数に対して機能します。クラス、関数、変数を移動する移動するシンボルを選択します。を押すか、コン...
![](https://resources.jetbrains.com/help/img/idea/2024.1/ws_run_test_from_editor.png)
JavaScript のテスト
PhpStorm を使用すると、Karma、Vitest、Jest、Protractor、Cucumber.js、Mocha、Node.js テストランナーを使用して JavaScript ユニットテストを実行およびデバッグできます。テスト結果はツリービューで確認でき、そこからテストソースに簡単に移動できます。テストのステータスは、エディターのテストの隣に表示され、すぐに実行またはデバッグするオプションがあります。Jest、Karma、Mocha については、PhpStorm のコードカバレッジ...