VS Code 增加选择的缩进

在开发过程中，我们经常需要对代码进行缩进以便于阅读和理解。而对于已经写好的代码，我们有时候需要一次性对一段代码进行缩进，这时候就需要用到VS Code的选择缩进功能。

增加单行缩进

在VS Code中，您可以通过快捷键 Shift + Tab 来为单行代码进行减少缩进。而要为单行代码增加缩进，则需要先选择代码，然后按下 Tab 键即可。示例如下：

// 未进行缩进的代码如下：
function sayHello(name) {
console.log(`Hello, ${name}!`);
}

// 选择代码，按Tab键进行缩进后为：
function sayHello(name) {
  console.log(`Hello, ${name}!`);
}

增加多行缩进

对于多行代码的缩进，与单行的操作类似。首先需要选择需要缩进的代码段，然后使用快捷键 Shift + Alt + 鼠标左键拖动，即可为整块代码进行缩进。示例如下：

// 未进行缩进的代码如下：
function sayHello(name) {
console.log(`Hello, ${name}!`);
}

function sayHi(name) {
console.log(`Hi, ${name}!`);
}

// 选择代码块，按Shift + Alt + 鼠标左键拖动进行缩进后为：
  function sayHello(name) {
    console.log(`Hello, ${name}!`);
  }

  function sayHi(name) {
    console.log(`Hi, ${name}!`);
  }

通过设置自动缩进来优化代码风格

如果您想在编写代码的过程中自动完成些许的缩进，可以通过设置VS Code的缩进选项来实现。首先按下 Ctrl + , 进入VS Code设置界面，然后在搜索栏中输入 "tab size"，找到Tab Size选项即可进行修改。示例如下：

// 修改前的设置：
"editor.tabSize": 4

// 修改后的设置：
"editor.tabSize": 2

这样一来，在您编写代码时就可以自动进行相应的缩进啦！