WebStorm
 
2022.2
Shortcuts: Windows
Get WebStorm
You are viewing the documentation for an earlier version of WebStorm.
  1. Write and edit source code
  2. Natural languages
  3. Spellchecking

Spellchecking

Last modified: 09 August 2022

Configure: Settings/Preferences | Editor | Natural Languages | Spelling

Inspection: Settings/Preferences | Editor | Inspections | Proofreading | Typo

WebStorm checks the spelling of all your source code, including variable names, text in strings, comments, literals, and commit messages. For this purpose, WebStorm provides a dedicated Typo inspection which is enabled by default.

Typo quick fix: change
https://resources.jetbrains.com/help/img/idea/2022.2/ws_typo_rename_to_dark.png
Gif

The Typo inspection detects and highlights words that are not included in any dictionary. You can either correct the spelling or accept the word as correct (by saving it to the dictionary). Disable the Typo inspection if you want to ignore all spelling mistakes. For more information, see Configure the Typo inspection.

Correct a misspelled word

  1. Place the caret at any word highlighted by the Typo inspection.

  2. Click the Intention action button or press Alt+Enter to show the available intention actions.

  3. Select one of the suggested fixes from the list.

In string literals and comments, only the spelling of this particular word at caret changes. Where the Rename a file or folder or the Rename refactoring is available, the inspection suggests to rename all occurrences of a symbol .

Accept a misspelled word

  1. Place the caret at a word highlighted by the Typo inspection.

  2. Click Intention action icon or press Alt+Enter to show the available intention actions.

  3. Select the Save to dictionary action to add the word to the user's dictionary and skip it in the future.

    If you have added the word by mistake, press Ctrl+Z to remove it from the dictionary.

By default, WebStorm saves words to the global application-level dictionary. You can choose to save words to the project-level dictionary if the spelling is correct only for this particular project. For more information, see Select the default dictionary for saving words.

tip

Press F2 and Shift+F2 to step through all problems in a file, including typos.

Configure the Typo inspection

By default, the Typo inspection checks all text including code elements, string literals, and comments in all scopes.

  1. Press Ctrl+Alt+S to open the IDE settings and select Editor | Inspections.

  2. Expand the Proofreading node and click Typo in the central pane.

  3. In the right-hand pane, configure the Typo inspection:

    Severity

    Specify the severity level and the scope in which to apply this level.

    For example, if you want typos to stand out more, select Error or Warning to highlight typos similar to syntax errors or warnings in your code.

    Options

    Specify the type of content to check:

    • Process code: check various code elements.

    • Process literals: check text inside string literals.

    • Process comments: check text inside comments.

To disable the Typo inspection, clear the checkbox next to it.

Dictionaries

WebStorm includes bundled dictionaries for all configured languages. You cannot change them directly, but you can extend the spellchecker in other ways:

  • Save words to a built-in global or project dictionary.

  • Add plain-text files with the .dic extension that contain lists of words.

  • If you have the Hunspell plugin installed and enabled, you can add Hunspell dictionaries, which comprise of two files: the DIC file that contains a list of words with the applicable modification rules and the AFF file that lists prefixes and suffixes regulated by a specific modification rule. For example, en_GB.dic and en_GB.aff.

Configure the spellchecker dictionaries

  1. Press Ctrl+Alt+S to open the IDE settings and select Editor | Natural Languages | Spelling.

  2. Configure the list of custom dictionaries:

    • To add a new custom dictionary to the list, click the Add button or press Alt+Insert and specify the location of the required file.

    • To edit the contents of a custom dictionary in WebStorm, select it and click the Edit button or press Enter. The corresponding file will open in a new editor tab.

    • To remove a custom dictionary from the list, select it and click the Remove button or press Alt+Delete.

Select the default dictionary for saving words

By default, WebStorm saves words to the global application-level dictionary. You can choose to save words to the project-level dictionary if the spelling is correct only for this particular project.

  1. Press Ctrl+Alt+S to open the IDE settings and select Editor | Natural Languages | Spelling.

  2. Select either the built-in project-level or application-level dictionary or disable the option to prompt you every time you save a word.

Add accepted words manually

  1. Press Ctrl+Alt+S to open the IDE settings and select Editor | Natural Languages | Spelling.

  2. Add words to the Accepted words list. WebStorm adds manually accepted words to the project-level dictionary.

    You can't add words that are already present in one of the dictionaries and mixed-case words, such as CamelCase and snake_case.

tip

The Accepted words list also contains words that you saved to either the built-in global or project dictionary. Although it does not contain words added to the project-level dictionary by other users and words from other custom dictionaries, the Typo inspection will not highlight them.

Share dictionaries

WebStorm stores the built-in project-level dictionary with other project-related files. This means that anyone working with the project has access to the words stored in this dictionary.

To share your application-level dictionary, use the bundled IDE Settings Sync plugin.