VSCode 格式化快捷键

VSCode 格式化快捷键

在使用 VSCode 编辑器时，我们经常需要对代码进行格式化，让代码保持统一的风格，便于阅读和维护。VSCode 提供了许多快捷键来帮助我们快速进行代码格式化，提高开发效率。本文将详细介绍在 VSCode 中常用的格式化快捷键及其效果。

格式化整个文件

快捷键

在 VSCode 中，我们可以使用快捷键 Shift+Alt+F 来格式化整个文件。当我们在编辑器中打开一个文件时，按下快捷键 Shift+Alt+F，VSCode 将自动对整个文件进行格式化。

示例

假设我们有一个 JavaScript 文件 example.js 内容如下：

function sum(a, b) {
return a+b;
}

console.log(sum(1,2));

按下快捷键 Shift+Alt+F，VSCode 将把代码格式化为：

function sum(a, b) {
    return a + b;
}

console.log(sum(1, 2));

只格式化选中部分代码

快捷键

如果只想格式化选中部分代码而不是整个文件，我们可以使用快捷键 Ctrl+K F。选中想要格式化的代码片段，按下快捷键 Ctrl+K F，VSCode 将只对选中的代码进行格式化。

示例

假设我们有一个 HTML 文件 index.html 内容如下：

<div>
<p>Hello,world</p>
</div>

选中其中的一部分代码 <p>Hello,world</p>，按下快捷键 Ctrl+K F，VSCode 将把选中的代码片段格式化为：

<div>
    <p>Hello,world</p>
</div>

根据配置文件格式化代码

快捷键

在 VSCode 中，我们还可以根据项目中的配置文件（如 .prettierrc）对代码进行格式化。VSCode 会自动读取项目中的配置文件，并根据配置文件定义的规则对代码进行格式化。

示例

假设我们的项目中有一个 .prettierrc 文件定义了 JavaScript 代码的格式化规则：

{
    "singleQuote": true,
    "semi": false
}

我们在一个 JavaScript 文件中写了一段代码：

function printMessage(message){
console.log(message);
}

printMessage('Hello,world');

按下快捷键 Shift+Alt+F，VSCode 将根据 .prettierrc 文件的配置对代码进行格式化：

function printMessage(message) {
    console.log(message);
}

printMessage('Hello,world');

自定义快捷键

快捷键

如果觉得默认的格式化快捷键不够方便，我们还可以自定义格式化的快捷键。在 VSCode 的设置中搜索 format document 和 format selection，找到对应的命令，然后设置一个自定义的快捷键。

示例

我们可以将格式化整个文件的快捷键设置为 Ctrl+Shift+F，将格式化选中代码的快捷键设置为 Ctrl+Shift+K。这样在编辑代码时，我们可以更加方便地使用这些快捷键进行格式化操作。

结语

在日常开发中，代码格式化是一个非常重要的环节，能够提高代码的可读性和可维护性。VSCode 提供了许多快捷键来帮助我们快速进行代码格式化，本文介绍了几个常用的格式化快捷键及其使用方法。