Prisma
WebStorm は Prisma ORM(英語) と統合され、Prisma スキーマ言語文法のサポートを提供します。
WebStorm の Prisma ORM サポートは、Prisma 言語サーバー(英語)によってサポートされています。WebStorm には、Prisma 言語サーバーがバンドルされています。ただし、言語サーバーを最新の状態に保つために、最新のサーバーバージョンをダウンロードし、Prisma 言語サーバーを構成するに従って、 ページでそのパスを指定することをお勧めします。
始める前に
お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。ローカル Node.js インタープリターの構成、Linux の Windows サブシステムで Node.js を使用する、リモート Node.js ランタイムの構成の説明に従って、プロジェクトで Node.js ランタイムを設定してください。
Prisma ORM 公式サイト(英語)で必要な Node.js バージョンに関する詳細情報を確認してください。
JetBrains マーケットプレイスからプラグインをインストールする説明に従って、設定 | プラグインページのマーケットプレースタブに Prisma ORM プラグインをインストールして有効にします。
Prisma 言語サーバーを構成する
WebStorm の Prisma ORM サポートは Prisma 言語サーバー(英語)によってサポートされています。WebStorm には Prisma 言語サーバーがバンドルされています。ただし、言語サーバーを最新の状態に保つことをお勧めします。
@prisma/language-server(英語) の最新バージョンをグローバルにインストールします。これを行うには、組み込みのターミナル（Alt+F12）を開き、次のように入力します。
npm install -g @prisma/language-server設定ダイアログ（Ctrl+Alt+S）を開き、 に移動します。
言語サーバーパッケージフィールドに、
@prisma/language-serverパッケージへのパスを指定します。
有効オプションが選択されていることを確認します。
Prisma 言語サーバーをオフにして、内部の WebStorm コーディング支援とインスペクションのみを使用するには、無効オプションを選択します。
コード補完
WebStorm は、選択された補完候補のドキュメントを含むスキーマファイルで、Prisma スキーマ言語に対応したコード補完を提供します。
デフォルトでは、入力中に補完候補が表示されます。この動作をオフにするには、Ctrl+Alt+S を押して設定を開き、設定 | エディター | 一般 | コード補完を選択して、入力時に候補を表示するチェックボックスをオフにしてください。
補完を手動で呼び出すには、Ctrl+Space を押します。
コード検査
問題が検出されたハイライトされたコード要素にマウスを移動すると、エディター内で Prisma LSP 診断を表示できます。
問題ツールウィンドウの検出されたエラーが表示されますと、ホバーするとエディターのポップアップに表示されます。
必須属性が不足しています
欠落したバイナリターゲット (英語)
欠落している
@@schema属性が検出され、クイックフィックスが提案されます。
ドキュメントの検索
WebStorm は、datasource および generator ブロックを含む、さまざまな Prisma 固有のシンボルのドキュメントを表示します。
ドキュメントポップアップは、エディター内のシンボルの上にマウスを移動したとき、または Ctrl+Q を押したとき、およびコード補完を押したときに表示されます。
構造ツールウィンドウでシンボルのドキュメントを表示するには、シンボルを選択して Ctrl+Q を押します。
コードリファレンス情報の詳細を参照してください。
コメント
データモデルの上部、下部、内部にコメントを追加できます。複数行のコメントも歓迎します。
コメントを追加するには、/** と入力し、Enter を押します。WebStorm は、各行の先頭に閉じ文字 */ と * を追加します。
シンボルの上にマウスを置くと、適切な書式でドキュメントポップアップにコメントが表示されます。
あるいは、レンダリングされたビューモードでコメントを確認することもできます。コメントの横のガターにある 
をクリックするか、Ctrl+Alt+Q を押してください。
ドキュメントツールウィンドウでコメントを表示するには、シンボルの上にマウスを移動し、ドキュメントポップアップで 
をクリックして、ドキュメントツールウィンドウで開くを選択します。
構造ビュー
WebStorm を使用すると、構造ツールウィンドウ（Alt+7）でスキーマファイルの構造を表示および操作できます。ツールウィンドウは現在開いている Prisma スキーマと同期されているため、ツールウィンドウで項目を選択すると、スキーマファイルでも自動的に選択されます。
ブロック固有のコーディング支援
ジェネレーターブロック
WebStorm は、
generatorブロック内のコード補完を即座に提案し、選択した項目の簡単なドキュメントを提供します。
WebStorm はバイナリターゲット(英語)を認識し、構文のハイライト、コード補完、クイックドキュメントを提供します。
node_modules フォルダーに Prisma クライアントを生成する
prisma-client-jsジェネレーターに加えて、WebStorm は、プレーンな TypeScript コードを出力するprisma-clientジェネレーターを認識してコード補完と簡単なドキュメントを提供します。
Prisma オフィシャル Web サイト(英語)の詳細を参照してください。
データソースブロック
WebStorm は、datasource ブロック内のコード補完を即座に提案し、選択した項目の簡単なドキュメントを提供します。
複数のデータベーススキーマのサポート
WebStorm は、
datasourceブロック内のschemasキーを認識し、ハイライト、コード補完、クイックドキュメントを提供します。WebStorm は、補完や使用箇所の表示 (Ctrl+F7) を含むブロック属性を介して
@@schema参照をサポートします。
専用のインスペクションは、欠落している
@@schema属性を検出し、追加するためのクイックフィックスを提案します。定義済みのスキーマでは、名前変更リファクタリングが利用できます。
Prisma オフィシャル Web サイト(英語)の詳細を参照してください。
複数ファイルの Prisma スキーマ
WebStorm では、複数のファイルに分割された Prisma スキーマ(英語)を操作して、補完、ドキュメント化、ナビゲーション、検索などの機能を利用できます。
WebStorm は、同一ディレクトリ内、サブディレクトリ内、異なるディレクトリ内にあるファイル間での
@relation経由の接続をサポートします。新たに追加されたリレーションは自動的に再フォーマットされます。サブディレクトリにあるマルチファイルスキーマは、
npx prisma generateによって認識されます。
シンボルの宣言に移動するには、Ctrl+B を押します。
他の .prisma ファイルで指定されたモデルの簡単なドキュメントを表示できます。
専用のインスペクションは、
generatorブロックとdatasourceブロックの重複を検出し、問題ツールウィンドウと、マウスをホバーするとエディターのポップアップにエラーを表示します。
シャーディング
Prisma ORM 6.10(英語) 以降では、WebStorm は @shardKey および @@shardKey 属性を介してシャーディングをサポートしているため、データベースの負荷が増加したときに簡単にスケールアップできます。
シャーディングを使用するには、必ず previewFeatures = ["shardKeys"] を generator ブロックに追加してください。
コード補完および
@shardKeyと@@shardKeyのクイックドキュメント検索。
ブロック属性
@@shardKey内のフィールドの補完。補完リストにはスカラーの非 null フィールドのみが含まれます
Alt+F7 を使用して、
@@shardKeyブロック属性内のフィールドの使用状況を検索できます。
@@shardKeyブロック属性内のフィールドに名前変更リファクタリングを適用できます。
関連ページ：
Node.js
Node.js は、サーバーやコマンドラインなど、ブラウザーの外部で JavaScript を実行するための軽量ランタイム環境です。WebStorm は Node.js と統合されており、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、保守を支援します。Node.js がアプリケーションのローカルランタイムとして、または npm パッケージの管理、JavaScript リンターの実行、ツールのビルド、フレームワークのテストなどにのみ必要な場合は、Node.js をインストール...
リモート Node.js ランタイムの構成
WebStorm では、リモートホストまたは仮想環境にインストールされた Node.js 上でアプリケーションを開発、テスト、リント、実行、デバッグする場合、リモート Node.js ランタイムを構成する必要があります。リモート Node.js ランタイムは、Node.js リモートインタープリターの構成ダイアログで設定します。このダイアログは、設定ダイアログの JavaScript ランタイムページから、またはそれ以降に、リモート環境でアプリケーションを実行またはデバッグするための Node.j...
プラグインのインストール
プラグインは WebStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。デフォルトでは、WebStorm には多数のプラグインがバンドルされています。バンドルされたプラグインを無効にするこ...
コード補完
基本コード補完は、可視性スコープ内のクラス、メソッド、フィールド、キーワードの名前を補完するのに役立ちます。WebStorm はコンテキストを分析し、現在のキャレット位置から到達可能な選択肢を提案します。JSDoc コメント、TypeScript 型定義などからの追加情報も補完精度を大幅に向上させます。候補にはライブテンプレートも含まれます。補完機能は英語以外のキーボードレイアウトでも利用できます。補完はサードパーティのコードのシンボルに対しても機能します。ほとんどの場合、必要なのは、必要なファイ...
結果の取得と問題の解決
インスペクションがあなたのコードに問題を検出した場合、すぐにエディターで修正を適用することができます。ハイライトされたコード部分にキャレットを置き、を押します。WebStorm では、一部のインスペクション (条件として使用されている代入、'switch' ステートメントの到達不能な 'case' 分岐、条件として使用されている代入など) のクイックフィックスの横に対話型プレビューが表示されます。を押すと、このプレビューを非表示にしたり表示したりできます。現在のファイルで発生するすべての問題...
コードリファレンス情報
WebStorm は、標準 API、プロジェクトとその依存関係からのシンボル、外部ライブラリで定義されたシンボルの参照を示します。ドキュメントポップアップでシンボルのドキュメントを表示し、リンクが利用可能な場合は外部サイトのドキュメントを開くことができます。ほとんどの HTML タグといくつかの属性では、WebStorm は対応する MDN 記事の要約を表示します。ドキュメントポップアップとツールウィンドウの参照情報に加えて、WebStorm はエディターにインレイヒントを表示します。これらは、パ...