WebStorm 2025.3 ヘルプ

行全体コード補完

行全体コード補完機能は、ローカルで実行されるディープラーニングモデルを用いて、コード行全体を提案します。WebStorm ではすぐに利用可能で、追加のライセンスは必要ありません。

JavaScript、TypeScript、CSS コードを入力すると、エディターに候補が表示されます。

  • 提案全体を受け入れるには、Tab を押します。

    または、メインメニューのコード | コード補完 | インライン提案の挿入に移動するか、別のショートカットを構成します

  • 提案を単語ごとに受け入れるには、Ctrl+Right を押すか、メインメニューでコード | コード補完 | インライン提案の単語を挿入に移動します。

  • 提案を 1 行ずつ受け入れるには、End を押すか、メインメニューでコード | コード補完 | インライン提案の行を挿入に移動します。

IDE はすべての提案をフォーマットし、必要な括弧と引用符を追加します。

サポートされている言語ごとに、独自のコードチェックの提案セットが用意されています。未解決の参照チェックなどの最も基本的なチェックは、ほとんどの言語で利用可能であり、IDE が存在しない変数やメソッドを提案しないようにします。

行全体補完は自動インポートをサポートし、スマートフィルタリングを使用して、明示的にキャンセルされる傾向のある提案や、承認された直後に削除される傾向のある提案が表示されないようにします。

システム要件を確認する

  • フルラインコード補完には、AVX2(英語) をサポートする x64 プロセッサー、または ARM64 プロセッサーを搭載したコンピューターが必要です。AVX2 サポートがない場合、フルラインコード補完は自動的に無効になります。

行全体コード補完プラグインを有効にする

この機能は、デフォルトで WebStorm にバンドルされて有効になっている行全体コード補完(英語)プラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。

  1. Ctrl+Alt+S を押して設定を開き、プラグインを選択します。

  2. インストール済みタブを開き、行全体コード補完プラグインを見つけて、プラグイン名の横にあるチェックボックスを選択します。

行全体補完を有効にして設定する

  1. Ctrl+Alt+S を押して設定を開き、エディター | 一般 | インライン補完を選択します。

  2. Full Line の候補を有効にするチェックボックスを選択し、行全体補完を使用する言語を選択します。

    Enabling full line code completion

    行全体補完は、コンピューターにダウンロードされたモデルを使用してローカルで実行されます。モデルのダウンロードリストから、これらのモデルを更新する方法を選択します。モデルを自動または手動で更新したり、通知ですべての更新を確認したりできます。

    Download model for full line completion
  3. 補完オプションを設定します。

    • 入力時に自動補完を有効にするオプションを使用すると、入力時に自動的にではなく、Alt+Shift+\ を押したときにのみ補完候補が表示されます。

    • 複数行の候補を有効にするオプションを使用すると、単一行の候補とともに複数行の補完候補も取得できます。

    • インライン補完とポップアップ補完を同期するを有効にすると、通常の補完とともにフルライン補完の提案が表示されます。この場合、フルラインの提案は、候補リストで とマークされます。

      Full Line completion suggestions in completion list

補完ショートカットを変更する

  1. 提案の上にマウスを移動します。

  2. 表示されるポップアップで、 をクリックし、提案を受け入れるために使用するキー(例: Right)を選択します。

    独自のショートカットを割り当てるには、カスタムを選択します。

    Full line code completion popup
  3. 行全体補完設定にすばやくアクセスするには、ポップアップで をクリックします。

    Full Line completion open: open settings
2025 年 7 月 16 日

関連ページ:

コード補完

AI Assistant を搭載したクラウド補完機能は、プロジェクトのコンテキストに基づいて、単一の行、コードブロック、さらには関数全体をリアルタイムで自動補完できます。生成されたコードは、ユーザーのスタイルや命名規則に合わせて、ユーザーがコードを記述する方法に似ています。Completion is available not only for code but also in commented lines, AI Chat, and commit messages. You canconfi...

コード補完

基本コード補完は、可視性スコープ内のクラス、メソッド、フィールド、キーワードの名前を補完するのに役立ちます。WebStorm はコンテキストを分析し、現在のキャレット位置から到達可能な選択肢を提案します。JSDoc コメント、TypeScript 型定義などからの追加情報も補完精度を大幅に向上させます。候補にはライブテンプレートも含まれます。補完機能は英語以外のキーボードレイアウトでも利用できます。補完はサードパーティのコードのシンボルに対しても機能します。ほとんどの場合、必要なのは、必要なファイ...

高度な補完

ステートメント補完:文の補完を使用して、構文的に正しいコード構成体を作成できます。必要な構文要素(括弧、中括弧、セミコロン)を挿入して、次のステートメントの入力を開始できる位置に移動します。ステートメント補完を呼び出すには、コード構造の入力を開始し、を押します。メソッドまたは関数の宣言を補完するメソッドまたは関数の宣言を入力し始め、括弧の後にを押します。WebStorm はメソッドの構造体全体を作成し、メソッド本体内にキャレットを配置します。function padLeft/*caret*