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

报错截图:

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

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

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

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

点击vscode左下角的齿轮图标,点击设置,搜索“函数”,去掉如下勾选:

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

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

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

注:进入settings.json的步骤:

看下效果:

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

 

  • 8
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
### 回答1: 您可以使用ESLint插件来格式化您的Python代码,并在运算符自动加上空格。为了配置ESLint,您需要在ESLint配置文件中添以下规则: ``` "rules": { "space-before-function-paren": ["error", "always"], "keyword-spacing": ["error", { "before": true, "after": true, "overrides": { "+": { "before": false, "after": false }, "-": { "before": false, "after": false }, "*": { "before": false, "after": false }, "/": { "before": false, "after": false } } }] } ``` 这些规则将确保在函数名称和左括号之间始终存在一个空格,并在关键字后始终存在一个空格,除了“+”,“-”,“*”和“/”符号。您可以根据您的需求修改这些规则。 ### 回答2: 在使用 VSCodeESLint 插件自动格式化 Python 代码,可以通过在项目的根目录下创建 `.eslintrc.js` 文件来配置 ESLint。 1. 首先,确保已经在项目中安装了 `eslint` 插件和 `eslint-plugin-python` 插件(用于支持 Python 代码ESLint 校验)。 2. 在项目的根目录下创建 `.eslintrc.js` 文件。 3. 打开 `.eslintrc.js` 文件,添以下内容: ```js module.exports = { root: true, env: { es6: true, node: true, browser: true, "python/pythonVersion": "3.8" }, extends: ["eslint:recommended", "plugin:python/recommended"], plugins: ["python"], rules: { "python/operators-spacing": ["error", { "before": true, "after": true }] } }; ``` 以上配置的关键在于 `"python/operators-spacing"` 这个 rule。该 rule 可以用来控制运算符后的空格,通过将 `before` 和 `after` 都设置为 `true`,即可在 `- * /` 等运算符的自动加上空格。 4. 保存 `.eslintrc.js` 文件。 之后,当你在 VSCode保存 Python 代码ESLint 插件会自动代码进行格式化,并在运算符后添空格。 ### 回答3: 使用VSCodeESLint插件自动格式化Python代码,在运算符(如 +、-、*、/ 等)的加上空格,可以通过配置.eslintrc.js文件来实现。 步骤如下: 1. 确保已经在VSCode中安装了ESLint插件,并在项目根目录下安装了eslinteslint-plugin-python插件。 2. 在项目根目录下创建一个名为.eslintrc.js的文件,并在其中添以下内容: ```javascript module.exports = { extends: 'eslint:recommended', plugins: ['python'], rules: { 'python/operator-assignment-semicolon': ['error', 'always'], 'python/operator-assignment-space': ['error', 'always'] } }; ``` 上述代码使用了eslint:recommended作为基本配置,并引入了eslint-plugin-python插件来处理Python特定的规则。 3. 完成配置后,保存.eslintrc.js文件并重新打开Python代码文件。 4. 在保存Python代码文件ESLint插件会根据配置自动格式化代码,为运算符的后添空格。 例如,对于以下Python代码: ```python result=3+5 ``` 保存后,ESLint自动格式化为: ```python result = 3 + 5 ``` 这样就在运算符的加上空格。 需要注意的是,ESLint插件对于Python代码格式化有一些限制,不能处理所有的自定义格式要求。如果想要更细致地控制Python代码格式化,可以考虑使用其他专门的Python代码格式化工具,例如autopep8。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值