JetBrains WebStorm #
Settings prefixed with ! are only applied to the current project. They have to be set again for other projects.
| Left Section | Right Section | Value |
|---|---|---|
| Appearance | Tree Views ↪ Show indent guides | ☑ |
| System Settings | Confirm before exiting the IDE | ☐ |
| System Settings | When closing a tool window with a running process: | Terminate process |
| System Settings | Project ↪ Reopen projects on startup | ☐ |
| System Settings | Project ↪ Open project in | New window |
| Name | Shortcut | Custom |
|---|---|---|
| Create Rectangular Selection on Mouse Drag | Alt + Click | |
| Move Line Down | Alt + Down | |
| Show Context Actions | Alt + Enter, Ctrl + . | |
| Surround With... | Alt + T | ☑ |
| Move Line Up | Alt + Up | |
| Add or Remove Caret | Ctrl + Alt + Click | |
| Clone Caret Below | Ctrl + Alt + Down | ☑ |
| Settings | Ctrl + Alt + S | |
| Clone Caret Above | Ctrl + Alt + Up | ☑ |
| Go to Declaration or Usages | Ctrl + Click | |
| Duplicate Line or Selection | Ctrl + D | |
| Select Last Row | Ctrl + End | |
| Find | Ctrl + F | |
| Run | Ctrl + F5 | |
| Replace | Ctrl + H | |
| Select First Row | Ctrl + Home | |
| Comment with Line Comment | Ctrl + K ➜ C | |
| Reformat Code | Ctrl + K ➜ D | |
| Rename | Ctrl + R ➜ R | |
| Find in Files | Ctrl + Shift + F | |
| Replace in Files | Ctrl + Shift + H | |
| Parameter Info | Ctrl + Shift + Space | |
| Reopen Closed Tab | Ctrl + Shift + T | ☑, Remove Go to File... |
| Code Completion ↪ Basic | Ctrl + Space | |
| Close Tab | Ctrl + W | ☑ |
| Toggle Line Breakpoint | F9 | |
| Step Over | F10 | |
| Step Into | F11 | |
| Search Everywhere | Shift + Shift, Ctrl + T |
Editor #
| Left Section | Right Section | Value |
|---|---|---|
| General | Soft Wraps ↪ Soft-wrap these files: *.md; *.txt; *.rst; *.adoc | ☑ |
| General ↪ Appearance | Show method separators | ☑ |
| General ↪ Appearance | Show CSS color preview as background | ☑ |
| General ↪ Code Completion ↪ Popup | Match case: | ☐ |
| General ↪ Editor Tabs | Appearance ↪ Tab placement: | Left |
| General ↪ Editor Tabs | Appearance ↪ Mark modified | ☑ |
| Live Templates | JavaScript ➜ + ➜ 1 Live Template | |
| Abbreviation: | edf | |
| Description: | export default function | |
| Template text: | export default function $NAME$() {
$END$
} | |
| Edit Variables... ↪ Expression | complete() | |
| Define Everywhere ↪ JavaScript ↪ Top level statement, Everywhere ↪ TypeScript ↪ Top level statement | ☑ | |
| Options ↪ Reformat according to style | ☑ | |
| Live Templates | React ➜ + ➜ 1 Live Template | |
| Abbreviation: | uc | |
| Description: | "use client"; | |
| Template text: | "use client"; $END$ | |
| Define Everywhere ↪ JavaScript ↪ Top level statement, Everywhere ↪ TypeScript ↪ Top level statement | ☑ | |
| Options ↪ Reformat according to style | ☑ | |
| Inlay Hints | Parameter names | ☐ |
| Inlay Hints | Types | ☐ |
| Inlay Hints | Method chains | ☐ |
| Emmet ↪ HTML | Enable abbreviation preview | ☑ |
Marketplace
Visual Studio 2022 Keymap
Rainbow Brackets
Update Plugins Automatically
| Left Section | Right Section | Value |
|---|---|---|
| ! JavaScript ↪ Code Quality Tools ↪ ESLint | Automatic ESLint configuration | ☑ |
| ! JavaScript ↪ Prettier | Automatic Prettier configuration | ☑ |
| ! JavaScript ↪ Prettier | Run for files: | **/*.{html,css,scss,js,ts,cjs,cts,mjs,mts,jsx,tsx,vue,astro,json,md} |
| ! JavaScript ↪ Prettier | Run on save | ☑ |
| ! JavaScript ↪ Prettier | Run on paste | ☑ |
| ! JavaScript ↪ Prettier | Prefer Prettier configuration to IDE code style | ☑ |
| ! JavaScript Runtime | Node.js ↪ Coding assistance for Node.js | ☑ |
| ! Style Sheets ↪ Stylelint | Enable | ☑ |
| ! Style Sheets ↪ Stylelint | Run for files: | **/*.{css,scss} |
| ! Style Sheets ↪ Stylelint | Run stylelint --fix on save | ☑ |
| Left Section | Right Section | Value |
|---|---|---|
| ! Actions on Save | Run stylelint --fix | ☑ |
| ! Actions on Save | Run Prettier | ☑ |
| ! Terminal | Font Settings ↪ Font: | MesloLGM Nerd Font |
| Left Section | Right Section | Value |
|---|---|---|
| Enable backup and sync: | ☑ |
Advanced Settings #
| Left Section | Right Section | Value |
|---|---|---|
| Run/Debug ↪ Confirm rerun with process termination | ☐ | |
| Version Control ↪ Open Diff as Editor Tab | ☐ |
| Left Section | Right Section | Value |
|---|---|---|
| Color | Color ↪ Cycle count on all brackets | ☑ |
| Indent guidelines Highlighting | Indent guidelines Highlighting ↪ Focus mode | ☑ |
| Language Specific | Language Specific ↪ Rainbowify tag name in XML/HTML/template files | ☑ |
| Language Specific | Language Specific ↪ Rainbowify Python keywords | ☑ |
| Rainbow Variables | Enable Rainbow Variables(restart required) | ☑ |
| Scope Highlighting | Scope Highlighting ↪ Highlight | ☑ |
| Scope Highlighting | Scope Highlighting ↪ Scope highlighting effect strength: | 5% |