言語サービス
WebStorm は、TypeScript、Vue、Astro、Svelte、その他のフレームワーク固有の言語サービスに依存して、自動補完、コード分析、エラーのハイライトを提供します。
メモリ処理を構成する
WebStorm は言語サービスとのスムーズな統合を提供することに努めていますが、WebStorm 自体ではなく言語サービスによって引き起こされる out-of-memory エラーが発生する可能性があります。
メモリ処理モード
言語サービスのメモリが不足すると、WebStorm はまず再起動を試みます。2 回連続して失敗すると、言語サービスは停止し、WebStorm はステータスバーの言語サービスウィジェットにエラーを表示し、エラーメッセージを含むポップアップを表示します。
out-of-memory エラーを防止したり、シームレスに解決したりして言語サービスの安定した動作を確保するために、次の 2 つのモードでメモリ処理を構成できます。
メモリを自動的に増やす
このモードでは、WebStorm は out-of-memory エラーが発生すると自動的に 1000MB を追加し、バックグラウンドで言語サービスを再起動します。
WebStorm は、RAM の最大メモリ制限である 25% に達するまでこのアプローチを確認なしで継続し、達すると言語サービスが停止し、WebStorm はエラーメッセージのポップアップを表示します。
状況を改善するための可能な手順については、トラブルシューティングを参照してください。
メモリ制限を設定する
このモードでは、言語サービスが使用できる最大メモリを手動で指定します。この制限に達するまで、WebStorm は out-of-memory エラーごとに 1000MB の追加を提案します。
指定された制限に達すると、言語サービスが停止し、WebStorm はエラーメッセージを含むポップアップを表示します。
状況を改善するための可能な手順については、トラブルシューティングを参照してください。
TypeScript 言語サービスのメモリ処理を構成する
Ctrl+Alt+S を押して設定を開き、 に移動します。
言語サービスメモリ領域で、メモリ処理モードを選択します。
メモリを増やし、言語サービスを自動的に再起動するには、利用可能な場合はメモリを自動的に増加するを選択します。
または、メモリ制限を設定するを選択し、言語サービスで使用する最大メモリを指定します。
指定されたメモリサイズが使用可能な RAM を超える場合、WebStorm はツールチップに適切な値を提案します。
トラブルシューティング
out-of-memory エラーは、言語サービスが割り当てられたメモリ制限を超え、ワークロードを処理できなくなった場合に発生します。これは通常、以下の理由で発生します。
現在作業中のプロジェクトには、多数のファイルと依存関係が含まれています。
IDE 設定で指定された最大メモリ制限は、言語サービスには不十分です。
メモリ割り当てを増やす
Ctrl+Alt+S を押して設定を開き、 に移動します。
メモリ制限を設定するオプションを選択してください。
制限を徐々に増やしていきます。たとえば、4GB から 6GB、8GB へと増やしていきます。改善状況を監視します。
プロジェクトの範囲を制限する
過剰なファイルや依存関係を持つ大規模プロジェクトは、言語サービスにオーバーロードをかける可能性があります。大規模なコードベースでの負荷を軽減するには、TypeScript チームが提供するパフォーマンスガイド(英語)の推奨事項、特にプロジェクト参照の使用(英語)と tsconfig.json または jsconfig.json の設定(英語)のセクションに従ってください。
アップグレードまたはダウングレード
言語サービスの最新バージョンを使用していることを確認してください。
WebStorm には、バンドルバージョンの言語サービスが同梱されています。ただし、新しいバージョンの言語サービスにはパフォーマンスの向上が含まれていることが多いため、言語サービスを最新の状態に保つことをお勧めします。
言語サービスの最新バージョンをインストールするには、埋め込まれたターミナル (Alt+F12) を開き、使用している言語サービスとパッケージマネージャーに応じて次のいずれかを入力します。
npm install --save-dev typescriptまたは
pnpm add --save-dev typescriptまたは
yarn add --dev typescriptnpm install --save-dev @vue/language-serverまたは
pnpm add --save-dev @vue/language-serverまたは
yarn add --dev @vue/language-servernpm install --save-dev svelte-language-server typescript-svelte-pluginまたは
pnpm add --save-dev svelte-language-server typescript-svelte-pluginまたは
yarn add --dev svelte-language-server typescript-svelte-pluginnpm install --save-dev @astrojs/language-serverまたは
pnpm add --save-dev @astrojs/language-serverまたは
yarn add --dev @astrojs/language-server言語サービスの更新後に問題が発生した場合は、問題が更新によって発生したかどうかを確認するために、以前のバージョンにダウングレードすることを検討してください。
WebStorm 課題追跡システムに問題を提出する
問題が解決しない場合は、WebStorm 課題トラッカー(英語)に問題を報告し、プロジェクトをアタッチしてください。これにより、問題をより効率的に再現し、調査することができます。
関連ページ:
JSON
JSON 形式は、データの保存や構成ファイルの保存によく使用されます。WebStorm は JSON ファイルの操作に役立ち、構文とフォーマットをチェックします。一般的な種類の構成ファイルでは、WebStorm がコードを検証し、そのようなファイルの構造と内容を記述するための特別な形式である JSON スキーマに基づいてコード補完を提供します。WebStorm には、最も一般的な形式の登録済みスキーマセットがバンドルされています。JSON Schema Store のスキーマやカスタム JSON ス...
Liquid
WebStorm は Liquid テンプレート言語をサポートし、次の機能を備えています。構文とエラーのハイライト、波括弧区切り文字の自動クローズ、Liquid タグ(Shopify と Jekyll タグを含む)およびフィルター用の自動補完、コードのフォーマット、/ を使用したコードの行とブロックのコメント / コメント解除、コードの折りたたみ、ライブテンプレート (コードスニペット)、Liquid プラグインをインストールして有効にする:WebStorm で Liquid テンプレート言語を使用す...