добавить новую строку для каждого оператора цепочки в коде Visual Studio

Question

Кто-нибудь знает, что означает установка новой строки в операторе цепочки для более красивого расширения в коде Visual Studio? У меня есть код, как показано в машинописи

export function myfunction(myString: string) {
  cy.get(myString).find('.aaa').click();
}

Я хочу, чтобы он превратился в

export function myfunction(myString: string) {
  cy.get(myString)
    .find('.aaa')
    .click();
}

Answer 1

Используйте newline-per-chained-call правило от eslint: https://eslint.org/docs/rules/newline-per-chained-call

Добавьте это в конфигурацию aslant (например, .eslintrc.json):

{
  //... 
  "rules": {
    //...
    "newline-per-chained-call": "error"
  }
}

Чтобы заставить его работать в VS Code, установите eslint ext и следуйте инструкциям, как «Автоматическое исправление при сохранении» со страницы ext.

"editor.codeActionsOnSave": {
  "source.fixAll": true
}

, например.