Prettier

Question

我想知道是否有规则在 function/statement 和 typescript 中使用 prettier（.prettierrc 位于项目的根目录）注释之间添加新行。

当前行为：

 } else if (request.type === 'membership-fee') {
    /**
     * If type is membership fee
     */
    this.form.get('total')?.setValue(this.gym?.membership_fee?.total);
} else {
    /**
     * Operation type not recognized
     */
    this.toast.error('Tipo di operazione non riconosciuto');
    ($('#editSaleModal') as any).modal('hide');
}

期望的行为：

 } else if (request.type === 'membership-fee') {
    
    /**
     * If type is membership fee
     */
    this.form.get('total')?.setValue(this.gym?.membership_fee?.total);
} else {
    
    /**
     * Operation type not recognized
     */
    this.toast.error('Tipo di operazione non riconosciuto');
    ($('#editSaleModal') as any).modal('hide');
}

我现在的.prettierc:

{
    "useTabs": true,
    "tabWidth": 4,
    "printWidth": 120
}

Answer 1

不，prettier 没有这个规则。

Prettier 有一个稀疏 list of options by design，这不是其中之一。

Answer 2

但您可以使用 ESLint 实现此行为：

并自动修复此问题，例如保存在 VSCode:

检查 ESLinter 的这条规则。 lines-around-comment

ESLinter 给你带来很多好处。

Prettier - 功能和评论之间的新线

Prettier - new line between function and comment

typescript

visual-studio-code

angular