如何在webstorm中对齐javascript' s等号

时间:2015-01-09 03:34:48

标签: javascript intellij-idea webstorm

所有

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

settings

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

results

和我想要的是对齐等号

enter image description here

任何可以看一眼的人?

------- ------ EDIT

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

sample code

5 个答案:

答案 0 :(得分:11)

在Webstorm 10中,

  1. 转到设置>编辑与GT;代码风格>的JavaScript

  2. 转到“其他”标签,选中“对齐多个'var'语句和分配”,然后点击“确定”。

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

  4. 瞧!

答案 1 :(得分:7)

PHPStorm 2017 (并且,我假设,通过扩展WebStorm),可以通过以下方式实现此行为:

  1. 转到设置>编辑>代码风格>的JavaScript
  2. 包装和大括号标签
  3. 向下滚动至变量声明,并将对齐设置为分组时
  4. 此外,在重新格式化时,将变量声明设置为换行始终将导致此问题:

    enter image description here

    版本2018 中的

    更新保持不变,我上面描述的步骤仍然有效。

答案 2 :(得分:3)

更新WebStorm 2017.3

显然,自2017.3版以来,其他标签已从代码样式>中删除的JavaScript

现在,您在环绕和大括号标签下有几个对齐选项(向下滚动到底部):

我花了一段时间来弄清楚这一点,希望这有帮助

答案 3 :(得分:2)

更新Webstorm 2016.1

The Preferences Menu

@Hudvoy仍然有正确的答案。我已经更新了您需要在Webstorm 2016.1中查看的位置。

答案 4 :(得分: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文件中它只执行语法高亮。