在 VS Code 中缩进代码

在编写代码时，正确缩进代码可以使代码更易于阅读和理解。VS Code 提供了多种方法来缩进代码。

使用 Tab 键缩进代码

在 VS Code 中，按下 Tab 键可以将代码缩进一级。要取消缩进，请使用 Shift + Tab 组合键。

// Tab缩进
function printName() {
    console.log('John');
}

// Shift+Tab取消缩进
function printAge() {
console.log(30);
}

使用自动缩进

VS Code 还提供了自动缩进的功能。打开 VS Code 的设置，找到“Editor: Tab Size”选项，可以设置 Tab 键缩进的空格数。开启“Editor: Indentation”选项后，VS Code 会自动根据代码结构进行缩进。

// Tab缩进为2个空格
function printName() {
  console.log('John');
}

// 自动缩进
if (name == 'John') {
  console.log('Hello John');
}
else {
  console.log('Hello stranger');
}

使用插件

如果你想精细地控制缩进，可以使用插件。其中一个流行的插件是 Indent Rainbow。它可以为每个缩进级别分配不同的颜色，使代码结构更加清晰。

// Indent Rainbow 插件
function printName() {
    console.log('John');
}

if (name == 'John') {
  console.log('Hello John');
}
else {
        console.log('Hello stranger');
}

总的来说，在 VS Code 中缩进代码非常简单，可以使用 Tab 键，自动缩进或插件来控制缩进深度和样式。