自動インポート

自動インポートツールチップを表示

バインドされていない名前空間の名前を入力すると、自動インポートツールチップが自動的に表示されます。 詳細については、 「バインドされていない名前空間のインポート」を参照してください。

コード補完時に ES6 のインポートを追加する

• このチェックボックスを選択すると、WebStorm は、別のプロジェクトファイルで ES6 エクスポートを使ってエクスポートされたシンボルを補完したときに、JavaScript コードに importステートメントを自動的に挿入します：

  

• チェックボックスがオフの場合、 Alt+Enter WebStorm を押すと、シンボルのインポートを提案するポップアップが表示されます：

  

• 完了と自動インポートは、ステートレスコンポーネントを含む React コンポーネントでも機能します。 WebStorm はそれらを適切に検出し、コード補完を提供し、 importステートメントを自動的に追加します：

  

TypeScript のインポートを自動的に追加する

WebStorm で TypeScript コードでインポートステートメントを生成したい場合は、このチェックボックスを選択してください。 下記のチェックボックスを使用して、インポート世代を呼び出すタイミングを選択します。

• コード補完時に実行 このチェックボックスが選択されている場合、WebStorm は、別のプロジェクトファイルでエクスポートされたシンボルを補完したときに、TypeScript コードに インポートステートメントを自動的に挿入します。

• 自動インポートツールチップを使用 このチェックボックスが選択されている場合、インポート可能な未解決のシンボルにキャレットを置いたとき、WebStorm はインポートの提案を含むツールチップを表示します。 チェックボックスをオフにすると、 Alt+Enter を押すだけでインポート生成を呼び出すことができます。

• 明確なインポートをオンザフライで追加 このチェックボックスを選択すると、コードを入力したり、インポートされていないシンボルを含むフラグメントを貼り付ける際、シンボルをインポートできるソースが 1 つだけの場合、WebStorm はインポートステートメントを追加します。