logo标签列表

如何在WebStorm中对齐JavaScript的等号

javascriptintellij-ideawebstorm
14

全部

当我像这样配置我的Webstorm9设置时，右侧的示例代码对齐了等号:

settings

但是，当我在编辑器中格式化JavaScript代码时，它没有起作用，仍然显示:

results

而我想要的是等号对齐:

enter image description here

有人能看看吗?

-------编辑------

也许我误解了选中的选项，但我将示例代码复制到编辑器中，然后重新格式化它，结果很糟糕..

sample code

5个回答
12
在Webstorm 10中，

  1. 进入设置（Settings）> 编辑器（Editor）> 代码样式（Code Style）> JavaScript

  2. 转到“其他”选项卡，勾选“对齐多个变量语句和赋值语句”，然后点击“确定”（Ok）。

  3. 点击菜单栏中的“代码”（Code），然后选择“重新格式化代码”（Reformat code）（快捷键为Ctrl + Alt + L）

完成！
12

在 PHPStorm 2017 中（我认为，也应该适用于WebStorm），可以通过以下方式实现此行为：

  1. 进入 Settings > Editor > Code Style > JavaScript
  2. 选择Wrapping and Braces选项卡
  3. 滚动到Variable declarations并将Align设置为When Grouped

另外，将Variable declarations设置为Wrap always会在重新格式化时产生以下结果：

enter image description here

更新： 在版本2018中没有改变，在WebStorm/PHPStorm 版本2019中仍然如上述步骤操作。

3

WebStorm 2017.3更新说明

从版本2017.3开始，代码风格 > JavaScript中的其他选项卡已被移除。

现在，在换行和括号选项卡下（向下滚动到底部），您有几个对齐选项：

我花了一些时间才弄清楚这一点，希望这可以帮助您。

2

Webstorm 2016.1更新

首选项菜单

@Hudvoy仍然是正确答案的持有者。我已经更新了一个图示，让您知道在Webstorm 2016.1中需要查找哪个位置。

1
Webstorm 2017.x中的选项在哪里？ - dragonmnl
0
请注意选项的确切措辞为：

对齐多行变量声明

（强调是我的）而示例代码显示：

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文件中，它只能执行语法高亮显示。
谢谢您的回复，我已经将示例复制到我的JS文件中，但仍然无法正常工作。 - fuye
我已经安装了Webstorm并进行了测试，有关更多详细信息，请参见我的更新答案，除此之外，我不知道为什么它不能工作。 - Ken Herbert
我按照你上面提到的步骤做了，但还是不起作用，我认为这可能是WebStorm的一个bug，无论如何还是谢谢你们！ - fuye
你的WebStorm版本是多少？请查看WEB-13786 - 它看起来是否相似？ - lena
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接