1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 解决使用ESLint后出现的报错:当代码中的双引号 分号 空格不符合规范

解决使用ESLint后出现的报错:当代码中的双引号 分号 空格不符合规范

时间:2019-08-18 01:44:18

相关推荐

解决使用ESLint后出现的报错:当代码中的双引号 分号 空格不符合规范

所有配置修改完后需重启生效!

问题:

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中右键就能找到‘格式化文档’

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。