prettier安装和配置

对于 Prettier 和 ESLint 的配置，你可以按照以下步骤进行设置： 1. 首先，确保在你的项目中已经安装了 Prettier 和 ESLint。你可以使用以下命令进行安装： ``` npm install prettier eslint --save-dev ``` 2. 在你的项目根目录下创建一个 `.prettierrc` 文件，并在其中定义 Prettier 的配置选项。比如，你可以指定代码的缩进大小、单引号还是双引号等。以下是一个示例配置文件： ```json { "printWidth": 80, "tabWidth": 2, "useTabs": false, "semi": true, "singleQuote": true, "trailingComma": "es5", "bracketSpacing": true, "jsxBracketSameLine": false, "arrowParens": "avoid" } ``` 3. 接下来，在你的项目根目录下创建一个 `.eslintrc` 文件，并在其中定义 ESLint 的配置选项。你可以基于你的项目需求来选择不同的规则，或者使用一些预设规则。以下是一个示例配置文件： ```json { "extends": ["eslint:recommended", "plugin:prettier/recommended"], "rules": { // 在这里定义你自己的 ESLint 规则 } } ``` 此处我们使用了 `eslint:recommended` 预设规则和 `plugin:prettier/recommended` 插件，后者会自动禁用与 Prettier 冲突的 ESLint 规则。 4. 如果你使用的是 VS Code 编辑器，你可以安装以下插件以实现自动格式化和代码检查： - ESLint 插件：用于在编辑器中展示 ESLint 错误和警告，并提供自动修复功能。 - Prettier 插件：用于在保存文件时自动运行 Prettier 进行代码格式化。 完成以上步骤后，你可以根据你的配置选项来自定义代码的格式化和代码质量检查。