VSCODE设置

最新推荐文章于 2025-06-06 14:47:05 发布

原创最新推荐文章于 2025-06-06 14:47:05 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #vue.js #sass

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在Visual Studio Code中设置代码缩进为4个空格，以及如何设置左侧树形菜单的横向间距。还展示了settings.json配置示例，涉及默认格式化器、自动检测缩进等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、设置左边树形菜单横向间距

文件->首选项->工作台->外观->Tree:Indent 24

2、应用安装

3、设置缩进为4个空格

4、总得设置点击在settings.json中编辑

{
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.detectIndentation": false,
        "editor.tabSize": 4, //vscode设置的缩进量
        "editor.formatOnSave": false, //保存时候自动格式化，不建议设置。我在这里设置为false
    },
    "[json]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "explorer.confirmDelete": false,
    "workbench.editor.enablePreview": false,
    "files.autoGuessEncoding": true,
    "[jsonc]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "window.zoomLevel": 1,
    "workbench.tree.indent": 24,
    "editor.defaultFormatter": "octref.vetur",
    "vetur.ignoreProjectWarning": true,
    "vetur.format.options.tabSize": 4,
    "editor.detectIndentation": false,
    "vetur.format.defaultFormatter.js": "vscode-typescript"
}