Changing code style in WebStorm 9.0.2 - webstorm

I am trying to change my WebStorm settings for a project such that JavaScript spacing is two spaces as opposed to four. I have changed the project settings from both Webstorm > Preferences > Editor > Code Style > JavaScript and Default Settings > Editor > Code Style > JavaScript, yet have seen no carryover into the actual project, which continues to use four spaces. The preview pane on this view appears exactly as I want.
In both aforementioned paths, I hit Apply once I made changes; I've also gone into the Scheme dropdown and selected my desired settings.
I have also restarted my WebStorm, verified my settings were changed, but still am not seeing any effect take place in the project.

The culprit here for me was a .editorconfig file where someone had previously specified indent_size. This file will override the default WebStorm settings. As it's a hidden file, easy to miss so be on the lookout! :-)

Related

How to fix not working keybind in WebStorm IDE

I generally have a bunch of custom keybinds for WebStorm, but this one particularly does not work - Select opened file. I've bound it with different key combinations (see screenshots below), and also I've verified that it does not conflict with any MacOS keybinds (although even the ones that conflict actually do work).
Also when I hover the actual UI button, it shows different keybind for it (which also does not work).
So, essentially, I have to always click the UI button with the mouse. I'd like to be able to do so with the keybind. I'm not even sure how to troubleshoot this...
Does anyone else using WebStorm have this keybind working properly?
It's a known usability issue, IDEA-271054. The actual action you need assigning a shortcut to is Other | Select File in Project View:

How to enable package controls in project properties

When you create for example .Net Standard project you will see a package tab in project properties. I see it now, but to my surprise most of the controls on this tab is disabled (and empty, i.e. disabled=empty). If it matters, the project is FSharp.Data.
The odd thing is, all those fields have values really, I can edit project directly, and making package works with those "hidden" values. The only thing missing, I don't see values in UI and cannot edit them directly.
My question is how to enable all controls in package tab?

Soft wrap by Markdown only

I'd like to have soft wraps in the WebStorm editor only by Markdown files. According to Word wrapping in phpstorm this can be achieved only with Menu | View | Active Editor | Use Soft Wraps. I really don't want to have soft wraps by coding, but I don't want to use the menu every time I open an .md file.
Isn't there a way to assign this behavior for example to language or to file type?
It's 2019, and users of JetBrains apps now have automatic soft-wraps for Markdown documents - rejoice! 🎉🎊🥳
Alas it is not enabled by default, so you'll need to visit your preferences and check a box: On WebStorm 2019.2 at least, navigate to Editor > General > Soft Wraps and click your way to Markdown-soft-wrap bliss.
I found an acceptable solution to do this:
Go to "Settings" -> "Keymap".
Look for "Main menu" -> "View" -> "Active Editor".
Assign a keyboard shortcup to "Use Soft Wraps" (for instance: Ctrl + Alt + w).
Now when you are editing a file, use this shortcut and it will enable the soft wraps only for this file.
You can configure this in .editorconfig and it will work in any JetBrains IDE that supports .editorconfig (hopefully all of them).
[*.md]
ij_any_wrap_long_lines = true

How can I disable the highlighting of HTML contained in .js/.ts files in Webstorm?

I'm working with Angular 2, and Webstorm doesn't seem quite ready for the template to be sitting right there in the Typescript file.
Specifically, it's highlighting anything that goes between the tilde's (`).
The highlighting is really annoying!
In Webstorm, go to:
Settings > Editor > Colors and Fonts > General > Code > Injected Language Fragment
By default, it's assigned a background color. Just uncheck the box and it'll go away.

Tab and Enter key do not work anymore in the webstorm editor while typing

Ever since I upgraded my webstorm IDE to v8.0.4 the enter/return and tab key has no effect in the code editor.
Could there maybe any settings I have somehow changed that these keys does not work?
I have just found out that this odd behavior is only in the main index.html file not in my partial html files ???!!!
I had the same problem in one particular project, and other keystrokes also didn't work, including "(".
Selecting File > Invalidate Caches / Restart fixed it.
For me it wasn't invalidating caches or removing plugins. There is actually an "editor action" in the keymap settings called "Enter". Apparently I removed the key (enter) mapped to that by accident.
Just experienced the same issue but clearing the Invalidate Cache wasn't working for me.
I found that I had downloaded "Bootstrap 3 live templates/ snippets" plugin just prior. This for some reason rendered by editor unable to take enter/return keys as well as the tab key.
After removing the plugin the editor went back to working normally. I would suggest going over recently downloaded plugins and seeing if one of them might be causing the issues.
For anyone else struggling to figure out why this is happening, this happened to me on my MacBook pro due to having the ABC Keyboard configured in System Preferences > Keyboard instead of ABC Extended
In my case, Enabling ECMAScript 6 was the problem, I simply choose ECMAScript 5.1 again and everything now is working as it should!
change it from File->Settings->Languages & Frameworks->JavaScript and change the JavaScript language version to ECMAScript 5.1
Still very weird bug though
you have to map "Enter" to "Enter"!
setting > keymap >
search for enter
in "Editor Actions" right click on Enter and select Add key shortcut
press enter key
press ok and exit settings.
In the latest version of Tabnine on WebStorm or PhpStorm:
Find the keymap "Accept Inline Completion" and remove Tab
Invalidate Cache didnt work for me as well. To be precise, the issue is related to newly added plugin. Fixed this issue by removing the plugin that is added recently.
I had the same problem. It is a, plugin issue. The quickest solution is, after starting Webstorm, press the return key. The PluginException will appear in the bottom of the IDE. Click it and you will see the 'disable' option for that specific plugin.
Regards
Same thing happened to me. I had to check the Event Log which gave me the option to disable the plugin.