格式有助于在整个代码库中与代码样式保持一致。将格式脚本包含在预钩中（预签名或预算）。这篇文章涵盖了带有JavaScript和Typescript代码的漂亮设置。

首先将prettier软件包作为DEV依赖关系开始。

npm i prettier -D

在.prettierrc配置文件中指定规则。

{
  "singleQuote": true,
  "trailingComma": "all"
}

在package.json文件中添加format脚本。

{
  "scripts": {
    // ...
    "format": "prettier --write \"{src,test}/**/*.{js,ts}\""
  }
}

笔记

如果使用ESLINT，请安装eslint-config-prettier软件包作为DEV依赖关系，然后更新ESLINT配置以使用漂亮的配置。

{
  // ...
  "extends": [
    // ...
    "prettier"
  ]
}

使用Visual Studio代码，您可以在保存文件更改时安装prettier-vscode扩展名并激活格式。