VS Code 设置缩进为4个空格

最新推荐文章于 2025-07-10 00:30:52 发布

企业数字化转型

最新推荐文章于 2025-07-10 00:30:52 发布

阅读量1.7w

点赞数 6

CC 4.0 BY-SA版权

分类专栏：工具使用文章标签： VS Code

本文链接：https://blog.youkuaiyun.com/orangeverity/article/details/87643882

工具使用专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何在VSCode中将默认的2个空格缩进修改为4个空格，包括关闭自动检测缩进、安装并配置beautify插件，以及针对不同语言如JS、CSS、HTML和Vue的特定设置。

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

VS Code默认缩进为2两个空格，修改为4个空格的方法。

一、首选项->设置，设置"editor.detectIndentation": false

二、ctrl+shift+x 打开插件下载页面，搜索beautify插件下载

三、在用户配置中，配置beautify（用户配置打开方式见步骤一）

    "beautify.config": {
        "indent_size": 4
    },

    
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "vue"//在这里加上vue，beautify插件默认不格式vue文件
        ]
    },