Как выровнять javascript равно знаком в webstorm

все

когда я настраиваю свои настройки Webstorm9 как это, получается, что пример кода в правой части выравнивает знак равенства

settings

но когда я форматирую свой javascript-код в редакторе, он не работает, он все еще показывает

results

и то, что я хочу, выровнять знак равенства

enter image description here

кто может взглянуть?

------- ------ РЕДАКТИРОВАТЬ

Возможно, я неправильно понял проверенную опцию, но я копирую код примера в мой редактор, а затем переформатирую его, о, плохой результат.

sample code

Ответ 1

В Webstorm 10,

  • Откройте "Настройки" > "Редактор" > "Стиль кода" > "JavaScript"

  • Перейдите на вкладку "Другие" и установите флажок "Выровнять несколько операторов и присвоений" и нажмите "ОК".

  • Перейдите в Code > Reformat code (Ctrl + Alt + L)

Voila!

Ответ 2

В PHPStorm 2017 (и, я полагаю, расширением WebStorm) такое поведение может быть достигнуто путем:

  1. зайдя в Настройки> Редактор> Стиль кода> JavaScript
  2. Вкладка " Обтекание и брекеты "
  3. прокрутите вниз к объявлениям переменных и установите Align на When Grouped

Кроме того, установка объявлений переменных в Wrap всегда приведет к этому при переформатировании:

enter image description here

Обновление: без изменений в версии 2018 и в версии 2019 WebStorm/PHPStorm, шаги, которые я описал выше, продолжают работать так же.

Ответ 3

Обновление для WebStorm 2017.3

По-видимому, начиная с версии 2017.3 вкладка Другие была удалена из Стиль кодa > JavaScript.

Теперь у вас есть несколько параметров выравнивания на вкладке Укладка и привязка (прокрутите вниз):

Мне потребовалось некоторое время, чтобы понять это, надеюсь, что это поможет

Ответ 4

Обновление для Webstorm 2016.1

Меню настроек

@Hudvoy по-прежнему имеет правильный ответ. Я обновил визуально, где вам нужно посмотреть в Webstorm 2016.1.

Ответ 5

Обратите внимание, что точное выражение опции

Выровнять многострочное объявление переменной

(выделение мое) и что пример кода показывает:

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

Этот параметр выравнивает только равные знаки многострочных объявлений переменных, а не кучу объявлений переменных в одной строке, как в вашем коде.

Чтобы автоматически выровнять их, вам нужно будет изменить свой код на

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

Обратите внимание, что перед этим все равно нужно добавить var, поскольку WebStorm будет считать a=1 ссылкой на глобальную переменную, а не на определение переменной.

Также обратите внимание, что форматирование кода не является автоматическим. Вам нужно выбрать Code->Reformat Code... в меню или нажать Ctrl + Alt + L, чтобы переформатировать ваш код.

Я также обнаружил, что Webstorm может выполнять форматирование кода на Javascript внутри файла .html или .js, но не работает в файле .php - в PHP файлах он выполняет только подсветку синтаксиса.