vscode设置代码缩进

介绍

Visual Studio Code（通称VS Code）是Microsoft推出的一个轻量级、功能强大、可扩展的代码编辑器。在代码编辑器中设置代码缩进使得代码在视觉上看起来更整洁，易于理解。本文将介绍如何在VS Code中设置代码缩进。

常规缩进

使用Tab键进行缩进

在VS Code中使用Tab键进行缩进是默认选项。可以在“设置”菜单中进行更改，为此，按下快捷键“Ctrl + , ”，在右上角单击“打开设置（JSON）”运行设置JSON配置文件。

在JSON配置文件中添加以下代码:

{

    "[javascript]": {
        "editor.tabSize": 2
    }
}

这将使VS Code为JavaScript文件使用2个空格的缩进（切记，JSON配置文件的末尾不要使用逗号！）。下载代码中的JavaScript文件并进行查看，代码将首先呈现使用两个空格的缩进。

使用空格进行缩进

当然，你也可以设置为使用空格进行缩进。在“设置”菜单中搜索“tab size”，然后选择“空格”作为缩进。如果您还要修改缩进大小，请选择所需的值。这将生成以下代码：

{

    "[javascript]": {
        "editor.insertSpaces": true,
        "editor.tabSize": 4
    }
}

如果您想为JavaScript文件和CSS文件将缩进大小设置为4，请添加以下代码：

{

    "[javascript]": {
        "editor.insertSpaces": true,
        "editor.tabSize": 4
    },
    "[css]": {
        "editor.insertSpaces": true,
        "editor.tabSize": 4
    }
}

下载代码按照上述设置下运行JavaScript和CSS文件，观察它们的缩进是使用了4个空格。

选择其他缩进

使用Tab键进行8个空格缩进

有些编程风格建议在缩进时使用8个空格，但是在代码编辑期间手动键入8个空格是很麻烦的，这时候你可以使用制表键进行缩进。

可以通过以下方式进行配置：

{

    "[javascript]": {
        "editor.tabSize": 8
    }
}

这将使VS Code为JavaScript文件使用8个空格的缩进。运行JavaScript代码，并观察它的缩进风格，在视觉上看起来比使用4个空格更宽。

使用空格进行2个空格的缩进

同样的，如果您希望在使用空格进行缩进时使用2个空格，可以通过以下方式进行配置：

{

    "[javascript]": {
        "editor.insertSpaces": true,
        "editor.tabSize": 2
    }
}

在JavaScript文件中运行代码，并观察它的缩进风格，你会注意到它们是使用2个空格缩进。

结论

现在你知道了如何在VS Code中设置代码缩进，可以更好地使你的代码整洁、易于理解。尝试使用制表符和空格进行缩进，并根据编写的内容和项目的需求来选择最适合你的缩进风格。