WebStorm place imports on individual lines when more than 3 - webstorm

I'm looking for a way to have the imports placed on individual lines when organizing imports with more than 3 items per module and if less kept on the same line.

There are no such settings, but you can set ES6 import/export option in Settings | Editor | Code Style | TypeScript | Wrapping and Braces to Wrap if long and set the Hard wrap at: (max line length) accordingly

Related

C++ automatic header on emacs

I would like to have a header template for some of my c++ files, edited with Emacs. What I need is a header with the following information:
*/
|-------------------------------------------------------------------
|
| Project: Name_of_proyect
|
| Created on:
|
| Last Modified:
|
| Author: author_name
|
|-------------------------------------------------------------------
*/
I would like to specify the project's and author's name on the template and the dates of creation and last modification to be updated automatically. How can I do this?
You can use library header2.el to do what you want. You can customize the header in various ways. See Emacs Wiki page Automatic File Headers for more information.
I'm using built-in autoinsert package with some customization. Full config is available here. The customization implements replacement of date, header file name, etc.
My templates you can find here.

gruntfile not color codes like other JS files

For some reason Webstorm will not color the code within a Gruntfile, it opens like a standard text file, I cant seem to find the settings to make it work like a normal JS file. I don't recall changing any setting which could have effected this.
Please check if 'Gruntfile.js' (or 'gruntfile.js' if your file name starts with lower case) is added to text file patterns in Settings | Editor | File types -> 'Text files' file type. Removing this pattern should solve your problem

Is there any way to have the line comment shortcut add a space after // in WebStorm?

When using the shortcut for commenting a line of code (command / on a Mac), the code line gets a // added in front of it. (Pointing out the obvious for topic clarification).
Stylistically I would like to add a space between the // and the start of some code that I'm commenting out. i.e. make the comment leader when added // function foo() { rather than //function foo() { which is the default.
What I can't find is how to change this setting in JetBrains WebStorm (I've already tried trolling their website and the preferences etc with no success) - I've also run many searches (my google-foo is terrible!) but have yet to find how to change this setting.
Anybody know how (or if?) this setting can be changed?
As far as I'm aware it's not possible.
https://youtrack.jetbrains.com/issue/IDEA-141701 -- watch this ticket (star/vote/comment) to get notified on progress.
UPDATE (20th April, 2016)
It's now implemented and available as of 2016.1 version.
Settings/Preferences | Code Style -- It was implemented for these languages (not sure about any other):
Java -- Java | Code Generation | Comment Code
JavaScript/TypeScript -- JavaScript | Other | Comment Code
PHP -- PHP | Other | Comment Code
I highlight the code that I want to comment out and use tab to indent, and then cmd + / to add "//"

How can I change the template comment on new file creation?

When I create a new javascript file, a template like comment is added at the top of the file that looks like this:
/**
* Created by User on 2015-03-29.
*/
I would like to modify this template, but I cannot for the life of me figure out how.
In the settings page, I have tried searching for 'IDE settings', 'File and Coding Template' (as it would be in PHPStorm, I believe), 'Copyright' (as in IntelliJ), 'header', 'template', 'comment' and different combinations of those terms. But none of these terms result in anything relevant. And searching on google is difficult, because most links take you to PHPStorm or IntelliJ help docs.
Maybe my google-fu is off today...
Settings (Preferences on Mac) | Editor | File and Code Templates | Templates -- you need JavaScript File entry.
And searching on google is difficult, because most links take you to PHPStorm or IntelliJ help docs.
Well ... PhpStorm = WebStorm + PHP + Databases -- in terms of settings it is exactly the same... (comparable builds of course)
P.S.
In previous versions (WebStorm v8, PhpStorm v8.0.1 and older, IntelliJ v13) all Settings were in single column but separated in 2 groups: "Project Settings" on top and then "IDE Settings" on the bottom of the list. In current versions all settings are mixed together using collapsible tree structure and you have to look for special icon next to the settings section name -- it will tell if you this is an IDE wide setting or project specific.

JetBrain webstorm: UI changing tabs text color

In webstorm, the user interface (not code editor section) is a dark grey and the text in the tabs is a dark blue, making it really difficult to read. I haven't found where in the settings to change these colors. Anyone?
File | Settings (Preferences on Mac) | Editor | Colors & Fonts | File Status, Modified.
php webstorm version have a small bug - you need to change the scheme and apply
then roll back to your scheme and apply - then you will see the change in file modified ...
2022
Settings (Preferences on Mac) | Version Control | File Status Colors