DEV Community

Dan Dascalescu
Dan Dascalescu

Posted on

The 5 settings to change in WebStorm right after installation

  1. Map debugging keys to the shortcuts from Chrome, which can't be changed:

    • Step Over: F10
    • Step Into: F11
    • Resume: F8
  2. Editor -> Inlay Hints -> Position: Right, so you don't create a new line for the committer or number of usages of functions/methods

  3. Disable reformatting on paste:
    Editor -> General -> Smart Keys -> Reformat on paste: None

  4. Editor -> General -> Tabs -> Mark modified (*)

  5. Editor -> Code Style -> TypeScript: use single quotes

  6. If you work with Markdown:

    • Editor -> General -> Soft wraps -> Soft-wrap these files: add .mdx
    • (New in WebStorm 2023.1.2) Disable Markdown table reformatting on typing (if you don't want to create large diffs when updating just a few characters in a table that's formatted differently from how WebStorm would like): Uncheck Editor -> General -> Smart Keys -> Markdown -> Reformat table when pasting

Top comments (1)

Collapse
 
fyodorio profile image
Fyodor

It’s funny that the setting in the suggestion #5 gets reset after each app update 🤦‍♂️ too annoying