VS Code 缩进或 tabSize 问题与错误颜色

Question

您可以在图像选项卡尺寸问题或缩进中看到，为什么缩进上出现红色或错误颜色？如何解决问题/错误？

"[python]": {
      "editor.tabSize": 3,
      "editor.defaultFormatter": "ms-python.python",
      "editor.detectIndentation": false
   },
   "[django-html]": {
      "editor.quickSuggestions": {
         "other": true,
         "comments": true,
         "strings": true
      },
      "editor.defaultFormatter": "ms-python.python",
   }

你可以看到红色错误

Answer 1

问题是因为您安装了indent-rainbow扩展，这使得代码中的多个缩进以不同的颜色突出显示。您的缩进显示红色的原因是代码中缩进空格的数量不是您tabSize设置的倍数。比如你设置的制表符代表的空格数是3个，但是你代码中的缩进不是3个或6个空格。

解决这个问题很简单，你只需要在你的代码缩进之前添加或删除空格，使其与你设置的tabSize匹配，或者修改你设置的tabSize，使其与你当前代码之前缩进的空格数匹配。

建议大家在写代码之前先设置一下tabSize，以便以后使用。

添加此配置以setting.json修改制表符表示的空格数：

"editor.tabSize": 4

添加这个配置setting.json可以修改当缩进空格数不是tabSize的倍数时显示什么颜色：

"indentRainbow.errorColor": "#ff0000"

此设置将跳过您选择的语言的缩进错误检测（使用“*”来停用所有语言的错误）。

"indentRainbow.ignoreErrorLanguages":"python"

当然，如果您不喜欢该扩展，最简单的解决方案是卸载它。