prettier eslint安装

要在项目中使用 prettier 和 eslint，你需要按照以下步骤进行安装和配置：

1. 首先，确保你的项目中已经安装了 npm 包管理工具。如果你还没有安装 npm，请先安装。

2. 打开终端并进入你的项目目录。运行以下命令安装 Prettier 和 ESLint：

npm install --save-dev prettier eslint eslint-config-prettier eslint-plugin-prettier

3. 接下来，你需要创建一个 .eslintrc 文件并添加以下内容：

{
  "extends": ["eslint:recommended", "plugin:prettier/recommended"],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

这个配置文件告诉 ESLint 使用 Prettier 进行代码格式化，并将 Prettier 的规则与 ESLint 的规则结合在一起。

4. 现在，你需要创建一个 .prettierrc 文件并添加以下内容：

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

这个文件告诉 Prettier 你想要使用单引号和在每行末尾添加逗号。

5. 最后，你需要在你的 package.json 文件中添加以下脚本：

{
  "scripts": {
    "lint": "eslint .",
    "format": "prettier --write ."
  }
}

这些脚本使你能够运行 `npm run lint` 来检查代码是否符合规则，并运行 `npm run format` 来格式化代码。

现在，你已经成功地将 Prettier 和 ESLint 集成到你的项目中。