为 Visual Studio 代码中的每个链接语句添加换行符

Posted 2023-02-22

【中文标题】为 Visual Studio 代码中的每个链接语句添加换行符

【英文标题】：add newline for each chaining statement in visual studio code

【发布时间】：2020-07-24 18:12:08

【问题描述】：

任何人都知道在链接语句上添加换行符以在 Visual Studio 代码中进行更漂亮的扩展的设置是什么？我在打字稿中有如下代码

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

我想确保它变成

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

【参考方案1】：

使用来自 eslint 的 newline-per-chained-call 规则：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

例如。