WebStorm代码样式模板 - TypeScript

时间:2018-03-09 08:15:27

标签: angular typescript webstorm

目前,基于我的WebStorm IDE中的TypeScript代码样式设置,Angular @Component装饰器代码的格式如下:

@Component({
               selector: 'my-component',
               templateUrl: 'my.component.html',
               styleUrls: ['my.component.scss']
           })
export class MyComponent implements OnInit {

我想要的是在执行自动格式时格式如下:

@Component({
    selector: 'my-component',
    templateUrl: 'my.component.html',
    styleUrls: ['my.component.scss']
})
export class MyComponent implements OnInit {

但是我没能找到正确的设置。我在WebStorm设置的Tabs and Indents下的Editor > Code Style > Typescript标签上进行了以下设置:

enter image description here

1 个答案:

答案 0 :(得分:0)

感谢@jonrsharpe指出我正确的方向,我已经成功地解决了这个问题......

  1. 在WebStorm中,转到文件> 设置,然后编辑> 代码风格>的打字稿

  2. 点击环绕和大括号标签

  3. 确保方法调用参数> 取消选中多行复选框时对齐:

  4. enter image description here