PhpStorm 2025.3 ヘルプ

JSCS

JSCS サポートが有効になっているの場合、PhpStorm は JSCS(英語) が検出したエラーをハイライトし、それらの説明を提供し、可能な場合は迅速な修正を提案します。

現在のファイルで検出されたエラーの説明とそれらのクイックフィックスは、エディターおよび問題ツールウィンドウのファイルタブから入手できます。

以前に開いたすべてのファイルのエラーとそれらのクイックフィックスは、問題ツールウィンドウのプロジェクトエラータブに表示されます。ツールウィンドウを開くには、エディターの右上隅にあるインスペクションウィジェットをクリックします。

Inspection widget

詳細については、エディターで問題を表示してクイックフィックスを適用するおよび問題ツールウィンドウを参照してください。

PhpStorm は、JSC 構成ファイルでコード補完も提供します。

始める前に

  1. Node.js をダウンロードしてインストールします。

  2. JetBrains マーケットプレイスからプラグインをインストールする説明に従って、設定 | プラグインページのマーケットプレースタブに JSCS プラグインをインストールして有効にします。

    JSCS リポジトリプラグインがない場合、PhpStorm は、.jscsrc または .jscs.json 構成ファイルを開いたときにプラグインをインストールすることをお勧めします。

    PhpStorm suggests installing JSCS plugin

JSCS をグローバルにインストールする

  • 埋め込まれたターミナルAlt+F12)で、次のように入力します。

    npm install --g jscs

JSCS を有効にして、PhpStorm でその動作を構成する

  1. 設定ダイアログ(Ctrl+Alt+S)で、言語 & フレームワーク | JavaScript | コード品質ツール | JSCS に移動します。開いた JSCS ページで、有効にするチェックボックスをオンにします。その後、ページ上の他のコントロールが使用可能になります。

  2. ノードランタイムフィールドに、Node.js へのパスを指定します。標準インストール手順に従った場合、PhpStorm はパスを検出し、フィールド自体に入力します。

  3. JSCS パッケージフィールドで、jscs パッケージの場所を指定します。

    Node パッケージマネージャーを介して JSCS をインストールした場合、PhpStorm はパッケージ自体を検索し、フィールドに自動的に入力します。それ以外の場合は、パスを手動で入力するか、 をクリックして、表示されるダイアログでパッケージの場所を選択します。

  4. 使用する設定を指定します。

    • 構成を検索する - JSCS ルールがプロジェクト package.json.jscsrc.jscs .json で構成されている場合は、このオプションを選択します。

      PhpStorm は、最初にプロジェクト package .jsonjscsConfig プロパティを探します。

      jscsConfig プロパティが見つからない場合、PhpStorm は .jscsrc または .jscs.json 構成ファイルを探します。PhpStorm は、チェックするファイルが保存されているフォルダーから検索を開始し、次に親フォルダーを検索し、プロジェクトのルートに到達するまで続けます。

    • 構成ファイル - JSCS ルールがカスタム JSON ファイルで構成されている場合は、このオプションを選択します。パスフィールドでファイルの場所を指定します。リストからパスを選択するか、the Browse button をクリックして、開いたダイアログで関連ファイルを選択します。

  5. 使用しているコードスタイルに関連付けられている定義済みのルールセットを適用するには、コードスタイルプリセットリストからセットを選択します。

2025 年 10 月 23 日