解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码

报错截图:

解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码

在写代码时,function和()之间是没有空格的,在保存后自动加上了空格,导致警告。

注:项目中使用了ESlint来校验代码格式,vscode也已经安装了ESlint的插件(后面发现只起到了提示的作用,并未在保存的时候按照ESlint的要求进行格式化)

解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码

一、怎么解决在函数function与()之间自动加上空格的问题呢?

经过一番摸索,终于还是找到了解决方法:

点击vscode左下角的齿轮解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码图标,点击设置,搜索“函数”,去掉如下勾选:

解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码

二、如何在保存代码时按照ESLint格式化代码

搜过刚才下载过的ESLint插件,拉倒下面可以看到在settings.json中的几种配置方式,这里我做了"source.fixAll.eslint": true,可以根据相关作用的提示做相应的配置。

解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码

这是settings.json中的文件配置:

解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码

注:进入settings.json的步骤:

解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码

看下效果:

console.log(66)原本并没有分号结尾,保存后自动加上了。

解决VSCode保存后,函数前自动加上空格,导致报错的问题;以及如何在保存代码时按照ESLint格式化代码