Bootstrap

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

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

自动将‘单引号’改为“双引号”,自动给末尾添加逗号,自动给每一项 结尾添加逗号,导致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空格的警告

在这里插入图片描述

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;