WebStorm TypeScript 导入格式化选项

WebStorm TypeScript import formatting options

自动导入 TypeScript 类 效果很好(来自 WebStorm),它甚至可以在重新格式化时清理 "the mess I've made"。

但是

导入的格式始终为:

import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';

我所在的团队更喜欢以下格式:

import { 
  Component,
  EventEmitter,
  Input,
  OnInit,
  Output
} from '@angular/core';

它使审查拉取请求等变得更容易……所以,很好。

重新格式化/组织导入功能真的不支持这种格式样式吗?我找不到它的设置。

Webstorm 2017.1 有一个选项。

转到:Preferences | Editor | Code Style | Typescript | Wrapping and Braces 滚动到底部并找到 ES6 import/export 行,将其设置为 Wrap always

顺便说一句:我还建议使用尾随逗号,以避免在添加更多导入时 GIT 提交期间进行额外的行更改:

import { 
   Component,
   EventEmitter,
   Input,
   OnInit,
   Output,
} from '@angular/core';