ESLint+Prettier

什么是prettier

1、是一个代码格式化工具；2、开箱即用；3、可以直接集成到VSCode；4、保存时，让代码直接符合ESLint规范

VSCode安装prettier

中文网站https://www.prettier.cn/
在项目中新建.prettierrc文件，在该文件中写入以下配置

{
  // 不尾随分号
  "semi": false,
  // 使用单引号
  "singleQuote": true,
  // 多行逗号分割的语法中，最后一行不加逗号
  "trailingComma": "none"
}

然后在vscode设置里面，搜索save，勾选Format On Save

接下来，处理ESLint与Prettier的冲突问题（vscode默认一个tab是四个空格，而ESLint是2个空格）
1、打开.eslintrc.js配置文件
2、在rules规则下，新增一条规则

'space-before-function-paren': 'off'

3、该规则表示关闭《方法名后增加空格》的规则
4、重启项目

.eslintrc.js的文档中文

微信截图_20231017115624.png