一次性解决eslint单引号、双引号、分号、空格的报错警告问题

我不是胖球球

已于 2022-06-15 10:58:54 修改

阅读量2.2w

点赞数 19

文章标签： javascript visual studio code web app chrome

于 2022-06-08 11:38:17 首次发布

本文链接：https://blog.csdn.net/m0_56991207/article/details/125181377

版权

本文介绍了如何处理在项目中ESLint和Prettier引起的格式化冲突问题，通过创建.prettierrc配置文件禁用末尾逗号和指定单引号，并在.eslintrc.js中调整规则，避免函数括号前空格和缩进警告。通过这些设置，可以确保代码风格一致，消除警告并顺利启动项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

保存前
在这里插入图片描述
**保存后立刻报错，
**

自动将‘单引号’改为“双引号”，自动给末尾添加逗号，自动给每一项结尾添加逗号，导致eslint报警告，只需要一步解决：尤其‘末尾禁止添加逗号’这个很重要，找了好久~~~~

在项目根目录新建.prettierrc 文件，添加对象

{
  "semi": false, // 去掉结尾的分号
  "singleQuote": true // 单引号替代双引号
  "trailingComma": "none"// 末尾禁止添加逗号
}

保存之后报错警告即消失，项目正常启动。在这里插入图片描述

在这里插入图片描述
另外，

解决 eslint要求函数括号前必须有空格的警告
在.eslintrc.js的rules中添加下面这一行代码

'space-before-function-paren': 0

解决eslint提示只能缩进2空格，
在.eslintrc.js的rules中添加下面这一行代码

"editor.detectIndentation": false

总结：

{
  "semi": false, // 去掉结尾的分号
  "singleQuote": true // 单引号替代双引号
  "trailingComma": "none"// 末尾禁止添加逗号
}

'space-before-function-paren': 0  //解决 eslint要求函数括号前必须有空格的警告

"editor.detectIndentation": false //  解决eslint提示只能缩进2空格的警告

在这里插入图片描述