在 IntelliJ WebStorm 中添加编辑器样式

Question

I recently started working on an Angular project in WebStorm and would like to change the editor style to add more spaces on formatting code with CTRL + ALT + L .

Currently, when I format my code, all spaces are gone. Here are some places,

But I need to have a one indentation between the {} or method parenthesis. What I expect is as below:

Please help me create this style for Angular / TypeScript development editor. Thanks in advance.

Answer 1

For the ones out there trying to add formatting to their code, here I will post my own answer. You can set custom spacing and styling into your code in intellij IDEs.

Settings -> Editor -> Code Style

Navigate here and you can define custom styling and spacing specific to your programming language and can even export the created styles as an XML file.