スペルチェック
WebStorm は、識別子名、文字列リテラル、コメント、マークダウンファイル、コミットメッセージのスペルエラーを探します。この目的のために、WebStorm は専用のタイポインスペクションを提供しており、これはデフォルトで有効になっています。
スペルミスを修正する
タイポインスペクションでハイライトされている単語にキャレットを置きます。
使用可能なアクションを表示するには、Alt+Enter を押すか、キャレットの左側にある
をクリックします。スペルを修正するための提案された方法の 1 つを選択します。
文字列リテラルとコメントでは、キャレット位置にある特定の単語のスペルのみが変更されます。変数、関数、クラス、その他のシンボルなどのコード識別子の場合、インスペクションは、ファイルまたはフォルダーの名前を変更するまたは名前変更リファクタリングを介してすべての出現を変更することも提案します。
単語を辞書に保存する
検出されたタイプミスが実際には有効な単語である場合は、組み込み辞書を拡張するユーザー定義辞書に追加できます。
タイポインスペクションでハイライトされている単語にキャレットを置きます。
使用可能なアクションを表示するには、Alt+Enter を押すか、キャレットの左側にある
をクリックします。「辞書に保存」を選択すると、その単語がユーザーの辞書に追加され、今後は報告されなくなります。
誤って単語を追加した場合は、Ctrl+Z を押して辞書から削除します。
デフォルトでは、WebStorm は単語をグローバルアプリケーションレベル辞書に保存します。スペルがこの特定のプロジェクトに対してのみ正しい場合や、そのプロジェクトで作業しているチームと共有する必要がある場合は、単語をプロジェクトレベル辞書に保存することを選択できます。詳細については、単語を保存するためのデフォルトの辞書を選択するを参照してください。
すべてのスペルミスを見つける
タイポインスペクションはプロジェクト全体またはファイルセットに対して実行できます。
Ctrl+Alt+Shift+I を押すか、メインメニューでに移動します。
インスペクション名の入力ポップアップで、タイポインスペクションを見つけて選択します。
実行 'Typo' ダイアログで、インスペクションを実行するスコープと、ファイルマスクフィルターなどのその他のオプションを選択します。次に OK をクリックします。
WebStorm は、選択したスコープ内のすべてのファイルに対してタイポインスペクションを実行し、見つかったすべてのタイプミスを問題ツールウィンドウの別のタブに表示します。
タイポインスペクションの設定
デフォルトでは、タイポインスペクションはすべてのスコープ内のコード識別子、文字列リテラル、コメントをチェックします。
Ctrl+Alt+S を押して設定を開き、を選択します。
校正ノードを展開し、中央ペインでタイポをクリックします。
右側のペインで、タイポインスペクションを設定します。
タイポインスペクションを完全に無効にするには、横にあるチェックボックスをオフにします。
タイプミスインスペクションを抑制
他のインスペクションと同様に、特定のファイルおよびコード要素に対してタイポインスペクションを抑制することができます。
タイポインスペクションでハイライトされている単語にキャレットを置きます。
- をクリックするか Alt+Enter を押すと、使用可能なインテンションアクションが表示されます。
提案された修正のいずれかで、右矢印キーを押すか、
をクリックしてステートメントに対して抑止または別の関連する抑制アクションを選択します。
言語とコード要素に応じて、これにより、対応するスコープ内の関連するインスペクションを抑制するようにエディターに指示する特別なアノテーションまたはコメントが追加されます。例: JavaScript の場合、ステートメントのタイポインスペクションを抑制すると、その前に次のコメントが追加されます。
これにより、ステートメントのスコープ内のすべてのスペルチェックが抑制されます。
詳細は、インスペクションの抑止を参照してください。
スペルチェックを無効にする
タイプミスインスペクションを無効にする
Ctrl+Alt+S を押して設定を開き、を選択します。
校正ノードを展開します。
タイポインスペクションの横にあるチェックボックスをオフにします。
コミットメッセージのスペルチェックを無効にする
Ctrl+Alt+S を押して設定を開き、を選択します。
コミットメッセージのインスペクションで、スペルチェックボックスをオフにします。
新しいプロジェクトのスペルチェックを無効にする
に移動します。
上記のチェックボックスをオフにします。これは、設定を保存した後に初めて作成または開かれたプロジェクトに影響します。
辞書
WebStorm には、構成されているすべての言語の辞書がバンドルされています。直接変更することはできませんが、他の方法でスペルチェッカーを拡張することはできます。
組み込みのグローバル辞書またはプロジェクト辞書に単語を保存します。
単語のリストを含む .dic 拡張子のプレーンテキストファイルを追加します。
Hunspell(英語) 辞書を追加します。各辞書は 2 つのファイルで構成されます。1 つは適用可能な変更規則を含む単語のリストを含む DIC ファイル、もう 1 つは特定の変更規則によって規制される接頭辞と接尾辞をリストする AFF ファイルです。例: en_GB.dic および en_GB.aff。
スペルチェッカー辞書を設定する
Ctrl+Alt+S を押して設定を開き、を選択します。
カスタム辞書のリストを構成します。
リストに新しいカスタム辞書を追加するには、
をクリックするか、Alt+Insert を押して、必要なファイルの場所を指定します。WebStorm でカスタム辞書の内容を編集するには、それを選択して
をクリックするか、Enter を押します。対応するファイルが新しいエディタータブで開きます。リストからカスタム辞書を削除するには、それを選択して
をクリックするか、Alt+Delete を押します。
単語を保存するためのデフォルトの辞書を選択する
デフォルトでは、WebStorm は単語をグローバルアプリケーションレベル辞書に保存します。スペルがこの特定のプロジェクトに対してのみ正しい場合や、そのプロジェクトで作業しているチームと共有する必要がある場合は、単語をプロジェクトレベル辞書に保存することを選択できます。
Ctrl+Alt+S を押して設定を開き、を選択します。
ハイライトされた単語を保存するたびに辞書を手動で選択する場合は、単語を保存するために単一の辞書を使用するオプションの横にあるチェックボックスをオフにします。
ハイライトされた単語をプロジェクトレベルで保存する場合は、チェックボックスをオンにしたまま、そのオプションの横にある project-level を選択します。
受け入れた単語を手動で追加する
Ctrl+Alt+S を押して設定を開き、を選択します。
受け入れ済みの単語リストに単語を追加します。WebStorm は常に手動で受け入れられた単語を project-level 辞書に追加します。
CamelCaseやsnake_caseなど、辞書の 1 つにすでに存在する単語や大文字と小文字が混在する単語を追加することはできません。
受け入れ済みの単語リストには、Alt+Enter メニューを使用して組み込み辞書に保存した単語も表示されます。
他のユーザーによって共有プロジェクトレベルの辞書に追加された単語や、他のカスタム辞書の単語は表示されませんが、これらの単語はスペルチェッカーによって無視されます。
辞書を共有する
WebStorm は、組み込みのプロジェクトレベル辞書を、プロジェクトディレクトリの .idea サブディレクトリ内の d.xml ファイルに、他のプロジェクト関連ファイルとともに保存します。
このファイルを VCS を通じてプロジェクトチームと共有すると、WebStorm を使用する他のチームメンバーが辞書にアクセスして無視された単語のリストを共有できるようになります。
アプリケーションレベルの辞書を共有するには、バンドルされている設定の同期プラグインを使用します。
関連ページ：
Markdown
Markdown は、フォーマット要素をプレーンテキストに追加するための軽量のマークアップ言語です。WebStorm は Markdown ファイルを認識し、ハイライト、補完、フォーマットを行う専用エディターを提供し、レンダリングされた HTML をライブプレビューペインに表示します。サポートは CommonMark の仕様に基づいています。Markdown プラグインを有効にするこの機能は、デフォルトで WebStorm にバンドルされて有効になっている Markdown プラグインに依存しています。...
コードリファクタリング
リファクタリングとは、アプリケーションの動作を変更せずにソースコードを更新することを意味します。リファクタリングは、コードを安定した dry に保ち、保守を容易にできます。WebStorm は、影響を受けるコード参照を自動的に追跡して修正する、さまざまなコードリファクタリングを提供します。ゴールとワークフローの違いにもかかわらず、すべての WebStorm リファクタリングにはいくつかの必須ステップが必要です。以下は、コードのリファクタリング時に実行する主な手順の概要です。リファクタリングの呼び出し...
JavaScript のリファクタリング
リファクタリングとは、アプリケーションの動作を変更せずにソースコードを更新することを意味します。リファクタリングは、コードを安定した dry に保ち、保守を容易にできます。シンボルの移動リファクタリング：WebStorm を使用すると、ファイルやフォルダーを移動できるだけでなく、JavaScript トップレベルシンボルを移動できます。シンボルの移動リファクタリングは、ES6 モジュールのクラス、関数、変数に対して機能します。クラス、関数、変数を移動する移動するシンボルを選択します。を押すか、コン...
インスペクションを実行する
WebStorm は、エディターで開かれたファイル内のコードを分析し、入力時に問題のあるコードをハイライトします。さらに、選択したファイル範囲に対して必要なインスペクションまたは一連のインスペクションを手動で実行できます。この場合、ファイル内で検出されたすべての問題に関する包括的なレポートが得られます。現在のファイルの即時分析：IDE は継続的にコードをチェックし、問題を検索します。エディターの右上隅にあるウィジェットには、現在のファイルで検出された各重大度の問題の数が表示されます。ウィジェッ...
問題ツールウィンドウ
問題ツールウィンドウには、WebStorm がプロジェクト内で検出した問題がいくつかのタブを使用して表示されます。ウィンドウ内で問題を選択してを押すか、問題をダブルクリックしてエディター内の対応する行に移動します。ツールウィンドウのタブを切り替えるには、とを押します。設計時コードインスペクションが有効になっている場合、この IDE は継続的にコードをチェックし、問題を検索します。このタブには、現在のファイルで見つかったすべてのコードの問題がリストされます。エディターでファイルを切り替えると...
スコープとファイルの色
スコープは、プロジェクト内のファイルとフォルダーのグループです。スコープを使用して、さまざまな IDE ビューでプロジェクト項目を視覚的に区別し、特定の操作の範囲を制限できます。スコープは、プロジェクト内のファイルを論理的に編成するように設計されています。テストソースはテスト関連のスコープに移動でき、製品コードは製品ファイルのスコープに関連付けることができます。これらの論理チャンクにより、プロジェクトの管理が容易になります。例: テスト関連のインスペクションをテストクラスでのみ実行すると、アプリ...