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

时间：2019-07-24 10:58:43

标签： formatting webstorm

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

我了解我无法同时实现100％的同步，但我只是想将冲突/差异降到最低。

WebStorm一件令人沮丧的事情是格式化以下内容：

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

到

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

在这种情况下，它不会引起git冲突，但这非常令人沮丧-而且我似乎找不到此设置。

  

我尝试将方案从项目设置为默认（IDE），并正确设置了格式。但是，我更改了一些其他设置，但现在似乎无法恢复（即使恢复默认设置），它的格式又像上面一样。

1 个答案:

答案 0 :(得分：2)

我不是JavaScript / TypeScript人，因此没有任何Angular项目可以在真实代码上进行测试。

我已经在一个简单的.ts文件中进行了测试（该文件可能会为您的实际代码提供不同的结果）。

无论如何：

  1. 选择有问题的代码
  2. 调用Help | Find Action...（在Windows上使用默认键盘映射在 Ctrl + Shift + A ）。

  3. 在搜索框中键入code style，以找到Adjust code style settings条目。

    enter image description here

  4. 调用它..，然后查看适合您需要的选项。就我而言，这是禁用Wrapping & Braces | Method call arguments | Align when multiline的问题。

    enter image description here

您可以通过实际的“设置/首选项”屏幕手动导航至该选项：Settings (Preferences on macOS) | Editor | Code Style | TypeScript (or JavaScript)

相关问题
最新问题