How to auto format code in WebStorm?
Mac: Command + Option + L PC: Ctrl + Alt + L
webstorm
Path aliases for imports in WebStorm
Yes, there is. In fact, Webstorm can’t automatically parse and apply Webpack config, but you can set up aliases the same way. You just have to mark the parent folder of “utils” (in your example) as a resource root (right-click, mark directory as / resource root). We just managed to do with the following structure … Read more
Adding spaces between imports and braces in WebStorm
Yes. Go to WebStorm -> Preferences -> Editor -> Code Style -> JavaScript -> Spaces (second tab), scroll to section “Within” and check ES6 import/export braces.
Webstorm: “Cannot Resolve Directory”
To make file references to a non-root folder in your project, you’ll need to mark that directory as a Resource. To do this, go to Settings > Directories and select your asset root folder from the right-hand panel. Then mark it as Resource Root by clicking the button above the file browser. From the Jetbrains … Read more
How can I select next occurrence in IDEA editors
I believe they recently added this to the latest IntelliJ release, and I would assume PhpStorm as well. As the bindings are system specific, take a look at http://blog.jetbrains.com/phpstorm/2014/03/working-with-multiple-selection-in-phpstorm-8-eap/. Looks like that version is available through EAP, so don’t know when they will release it for general consumption (or if they have already). DEFAULT SHORTCUTS … Read more
How to make WebStorm format code according to eslint?
(Described steps and screenshots are from IntelliJ IDEA 2017.2) You can add a keyboard shortcut to action ‘Fix ESLint Problem’. Ensure plugin ‘JavaScript Support’ is installed and enabled. First got to Preferences | Language & Frameworks | JavaScript | Code Quality Tools | ESLint and enable it. You will need to define your ‘Node interpreter’, … Read more
hide WebStorm toolbar showing browser icons
Settings/Preferences Tools | Web Browsers Uncheck Show browser popup in the editor option (bottom part of the screen) Since 2020.3 version you have a bit better control over file types: Another possible solution: just disable all browsers in that list.
Exclude folder from search but not from the project list
To apply custom search use Scopes Settings/Preferences > Appearance & Behavior > Scopes to use it for Find in Path or Replace in Path. I suggest to reorganize your folders, so that no unnecessary files are left in project directory. Also, you can specify Source Root by going to Settings > Project Settings > Directories … Read more
How to open webstorm from terminal
Try in terminal ‘wstorm‘ and ‘webstorm‘ If the commands don’t work you can run in WebStorm: “Tools” -> “Create Command Line Launcher…” Note: The solution works only for Linux / MacOS
WebStorm: search does not work
As lena said, the following should fix it for you: Click File -> Invalidate Caches / Restart.. Click the button “Invalidate and Restart” After restart, try run the search again