如何在webstorm中对齐javascript的等号

Question

所有

当我像这样配置我的Webstorm9设置时,结果是右边的示例代码正确对齐等号

但是当我在编辑器中格式化我的javascript代码时它不起作用,它仍然显示

我想要的是对齐等号

有谁可以看看？

- - - -编辑 - - -

也许我误解了选中的选项,但我将示例代码复制到我的编辑器然后重新格式化,哦,结果不好..

Answer 1

在Webstorm 10中,

1. 转到设置>编辑器>代码样式> JavaScript

2. 转到"其他"选项卡,选中"对齐多个'var'语句和赋值",然后单击"确定".

3. 转到代码>重新格式化代码(Ctrl + Alt + L)

瞧!

Answer 2

在PHPStorm 2017中（我假设通过WebStorm扩展），可以通过以下方式实现行为：

1. 转到设置>编辑器>代码样式> JavaScript
2. 包装和大括号选项卡
3. 向下滚动到变量声明，并设置对齐，以当分组

此外，将变量声明设置为Wrap总是会在重新格式化时导致以下情况：

更新：在版本2018和WebStorm / PHPStorm 2019中保持不变，我上面描述的步骤仍然相同。

Answer 3

请注意，该选项的确切措辞是

对齐多行变量声明

（强调我的）并且示例代码显示：

var myLink  = {
        ....
    },
    local   = true,
    initial = -1;

此选项仅对齐多行变量声明的等号，而不是像代码中那样对齐一行中的一堆单行变量声明。

要让它自动对齐它们，您需要将代码更改为

a       = 1,
bbbbb   = 2,
thisisc = 3;

请注意，您还必须var在所有内容之前添加 ，因为 WebStorm 会假定a=1是对全局变量的引用，而不是变量定义。

另请注意，代码格式化不是自动的。您必须Code->Reformat Code...从菜单中进行选择，或点击Ctrl + Alt + L以重新格式化您的代码。

我还发现 Webstorm 可以对 .html 或 .js 文件中的 Javascript 执行代码格式化，但不能在 .php 文件中工作 - 在 PHP 文件中它只执行语法突出显示。