WebStorm 装饰器参数中不需要的缩进

Question

我正在努力使我们团队中的编辑器之间的样式保持同步，以最大程度地减少 git 中的冲突，并在我们的团队中获得标准化的样式。我们正在使用 VSCode 和（各种版本的）WebStorm.

我知道我无法让两者 100% 同步，但我只想尽量减少 conflicts/differences。

WebStorm 做的一件特别令人沮丧的事情是格式化如下：

@Component({
   selector: 'test-component',
   templateUrl: './test-component.html'
})

到

@Component({
               selector: 'test-component',
               templateUrl: './test-component.html'
           })

在这种情况下它不会导致 git 冲突，但它只是非常令人沮丧 - 我似乎找不到为此设置。

I have tried setting the scheme from Project to Default (IDE) and it formatted it correctly. However I changed some other settings and now I cannot seem to get that back (even when restoring defaults), and it is formatting like the above again.

Answer 1

我不是 JavaScript/TypeScript 人，所以没有任何 Angular 项目来测试真实代码。

我已经在普通 .ts 文件中对此进行了测试（这可能会为您的实际代码提供不同的结果）。

无论如何：

Select 有问题的代码
调用 Help | Find Action...（Ctrl + Shift + A 在 Windows 上使用默认键盘映射。
在搜索框中键入 code style 以找到 Adjust code style settings 条目。
调用它..看看哪个选项适合您的需要。就我而言，这是禁用 Wrapping & Braces | Method call arguments | Align when multiline.
的问题

您可以通过实际 Settings/Preferences 屏幕手动导航到该选项：Settings (Preferences on macOS) | Editor | Code Style | TypeScript (or JavaScript)

WebStorm 装饰器参数中不需要的缩进

WebStorm unwanted indent in decorator parameter

formatting

webstorm