Code Style. TypeScript

• If this checkbox is selected, tab characters are used for indentation and for code reformatting.
• When the checkbox is cleared, IntelliJ IDEA uses spaces instead of tabs.

• If this checkbox is selected, the part that results from nesting contains both tabs and spaces (if necessary), while the part defined by alignment consists only of spaces.
• If this checkbox is cleared, only tabs are used. This means that after reformatting a group of spaces that fits the specified tab size is automatically replaced with a tab, which may result in breaking fine alignment.

• Do not align - the equality signs are not aligned.
• Align when multiline - the equality signs in multiline var statements are aligned by inserting additional spaces.
• Align when grouped - the equality signs in multiple var statements are aligned by inserting additional spaces.

• End of line - select this option to place the opening brace at the declaration line end.
• Next line if wrapped - select this option to place the opening brace at the beginning of the line after the multiline declaration line.
• Next line - select this option to place the opening brace at the beginning of the line after the declaration line.
• Next line shifted - select this option to place the opening brace at the line after the declaration line being shifted to the corresponding indent level.
• Next line each shifted - select this option to place the opening brace at the line after the declaration line being shifted to the corresponding indent level, and shift the next line to the next indent level as well.

• Do not force - select this option to suppress introducing braces automatically.
• When multiline - select this option to insert braces automatically if a statement occupies more than one line. Note that IntelliJ IDEA analyzes the number of lines in the entire statement but not only its condition.
• Always - when this checkbox is selected, IntelliJ IDEA always inserts braces automatically.

• Use semicolon to terminate statements in new code
• Use semicolon to terminate statements always
• Don't use semicolon to terminate statements in new code
• Don't use semicolon to terminate statements always

• Use double quotes in new code
• Use double quotes always
• Use single quotes in new code
• Use single quotes always

class Test {
    public test():void {
        var x = 1;
    }
}

• If the checkbox is selected, the public access modifier is automatically inserted in the generated code:

  class Test {
      public test():void {
          this.extracted();
      }
      public extracted() {
          var x = 1;
      }
  }

• If the checkbox is cleared, the public access modifier is omitted during code generation:

  class Test {
      public test():void {
          this.extracted();
      }
      extracted() {
          var x = 1;
      }
  }

• When this checkbox is selected, imported symbols from the same module are listed in one import statement with a comma as separator. The members are listed in the order in which they are imported. To arrange them alphabetically, select the Sort imported members checkbox and run Code | Optimize Imports.
• When this checkbox is cleared, for each imported symbol a separate import statement is generated.

For example, if your project is structured as follows:

With the checkbox selected, IntelliJ IDEA generates the following import statement:

import {ClassName} from 'directory_2/file_2'

If the checkbox is cleared, the following import statement is generated:

import {ClassName} from '../directory_2/file_2'

This is particularly useful for modules that allow importing their submodules instead of the entire module. For example, to prefer imports like import {Observable} from 'rxjs/Observable' to a more general import {Observable} from 'rxjs', add rxjs to the list.

To manage the list of modules to skip:

1. Click to the right of the field.
2. In the Change modules dialog box that opens, click and specify the module name in the Add module dialog box. To remove a module from the list, select it and click .

• When this checkbox is selected, import statements are re-sorted alphabetically by the module names when you run Code | Optimize Imports.
• When this checkbox is cleared, import statements are always shown in the order they are generated and this order is not changed after you run Code | Optimize Imports.

• Group property field with corresponding getter/setter

• - use this button to add a rule. The empty rule area opens.
• - use this button to remove the rule from the list.
• - use this button to edit an existing rule. To see this button, navigate to the rule that you want to edit and click on the button. In pop-up window that opens, modify the rule fields.
• - use these buttons to move the selected rule up or down.