为什么在设置了4个空格缩进但还是不管用

加油
  • 70

先贴上setting文件里面的代码
{

"editor.formatOnSave": true,
"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",
    "javascriptreact",
    {
        "language": "vue",
        "autoFix": true
    }
],
"editor.detectIndentation": true,
"vetur.format.defaultFormatter.js": "none",
"workbench.colorTheme": "Palenight Theme",
"window.zoomLevel": 2,
"editor.lineHeight": 30,
"editor.tabSize": 4,
"prettier.tabWidth": 4,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
    "wrap_attributes": "force-aligned"
}

}
在"editor.tabSize": 4,
"prettier.tabWidth": 4,这两个设置里我都设置的4,但是页面格式化代码的时候还是按照2个空格在缩进,这个问题该怎么解决呢?

回复
阅读 8.7k
2 个回答

一个制表符等于的空格数。在 Editor: Detect Indentation 启用时,根据文件内容,该设置可能会被覆盖。
看一下Detect Indentation是否是on(启用则会检查文件本身的格式),是的话改为off。

刚参考 【VS Code 缩进问题】 https://segmentfault.com/q/10... 解决了
"editor.detectIndentation": false
"editor.tabSize": 4,

改完,重启vscode可以了。你可以试试