代碼中的縮進(jìn)指的是你在代碼行的開頭處的空格。像其他代碼編輯器和 IDE 一樣，VSCode 允許你自動(dòng)縮進(jìn)你的代碼。

你可以設(shè)置使用制表符或空格或任何你喜歡的縮進(jìn)方式。

聽起來(lái)不錯(cuò)吧？讓我們來(lái)看看怎么做。

在 VSCode 中啟用自動(dòng)縮進(jìn)

你有多種方法可以實(shí)現(xiàn)這個(gè)目標(biāo)。在本指南中，我將向你展示三種在 VSCode 中自動(dòng)縮進(jìn)代碼的方法。

方法 1：配置全局用戶設(shè)置

你可以通過(guò)命令模式訪問(wèn)全局用戶設(shè)置。使用 ??Ctrl + Shift + P?? 來(lái)打開命令模式，搜索 ??Open User Settings?? 并按下回車：

access user setting from command pallet in vscode

它將打開設(shè)置。在那里，你需要搜索 ??Auto Indent??，并在 “編輯器：自動(dòng)縮進(jìn)Editor: Auto Indent” 中選擇 “全部Full”：

enable auto indent from global user settings in vscode

接著自動(dòng)縮進(jìn)會(huì)被啟用，并應(yīng)用于 VSCode 中每個(gè)打開的文件。

方法 2：在 VSCode 中使用檢查器或格式化工具進(jìn)行自動(dòng)縮進(jìn)

在這種方法中，你需要添加擴(kuò)展程序，如代碼格式化工具或者檢查器，以獲得理想的結(jié)果。

檢查器Linter會(huì)識(shí)別代碼中的錯(cuò)誤，而格式化工具Formatter只對(duì)你的代碼進(jìn)行格式化，使其更具可讀性。你可以在 ??VSCode 市場(chǎng)?? 中搜索特定于你的編程語(yǔ)言的代碼格式化器。

這里有一些我最喜歡的廣泛流行語(yǔ)言的代碼格式化工具和檢查器：

• ??C/C++??：適用于 C 和 C++ 編程語(yǔ)言。
• ??PHP??：適用于 PHP。
• ??markdownlint??：適用于 Markdown 文件。
• ??Python??：適用于 Python 編程語(yǔ)言。
• ??ESLint??：適用于 JSON 和 javascript。
• ??Beautify??: 適用于 JavaScript、JSON、CSS、SASS 和 HTML。

當(dāng)你為你喜歡的編程語(yǔ)言添加了格式化工具，你可以按 ??Ctrl + Shift + I?? 來(lái)格式化代碼。

同樣地，你也可以使用命令模式做同樣的事情。按 ??Ctrl + Shift + P??，并搜索 ??Format document??，然后按下回車。

indent code in VSCode

方法 3：在保存文件時(shí)啟用自動(dòng)縮進(jìn)功能

VSCode 允許你在保存你的代碼時(shí)，通過(guò)一個(gè)小小的調(diào)整來(lái)格式化它。讓我告訴你怎么做。

按 ??Ctrl + ,??，它將打開用戶設(shè)置提示。在那里，搜索 ??Format On Save??。

enable format on save option

從現(xiàn)在開始，當(dāng)你保存文件時(shí)，你的文件將自動(dòng)添加縮進(jìn)。

總結(jié)

在本指南中，我解釋了如何在 VSCode 中自動(dòng)添加縮進(jìn)。我建議使用第二種方法以獲得更好的靈活性。

我希望你會(huì)發(fā)現(xiàn)本指南對(duì)你有幫助。