解决使用ESLint后出现的报错:当代码中的双引号、分号、空格不符合规范
所有配置修改完后需重启生效!问题:vue-cli构建的项目默认启用ESLint进行代码检测,凡是不符合它规范的就会报错,但是vscode代码格式化中的有些规则和ESLint规则相反!例如:情况一:你按ESLint的规则写的代码是这样的 ↓但是当你使用vscode 的格式化功能后 ↓然后出现报错 ↓解决办法:在项目根目录创建.prettierrc 文件...
·
所有配置修改完后需重启生效!
问题:
vue-cli构建的项目默认启用ESLint进行代码检测,凡是不符合它规范的就会报错,但是vscode代码格式化中的有些规则和ESLint规则相反!
例如:
情况一:你按ESLint的规则写的代码是这样的 ↓
但是当你使用vscode 的格式化功能后 ↓
然后出现报错 ↓
解决办法:在项目根目录创建 .prettierrc 文件,添加如下配置
{
"semi": false,
"singleQuote": true
}
情况二:报错如下,ESLint要求方法的小括号之前需要空一格
解决办法:(这个其实不能算一个错误,所以我让ESLint不去校验这个问题)
在项目的根目录找到 .eslintrc.js 文件,添加一个配置
'space-before-function-paren': 0
1.代码自动格式化
2.代码格式化快捷键:shift+alt+f
3.代码格式化:vscode中右键就能找到‘格式化文档’
更多推荐
已为社区贡献7条内容
所有评论(0)