vs-code-define-a-region-1cd1

原始地址：https://dev.to/hurricaneinteractive/vs-code-define-a-region-1cd1

‘’'Visual Studio Code 绝对是我最喜爱的代码编辑器之一，我一直在使用它。最近，我偶然发现了#region关键字。使用它，你可以将一段代码封装起来，以便折叠。这样做可以更轻松地组织代码，并让你专注于你正在编写的功能，而忽略其他一切。

示例时间
我将展示如何在JavaScript中实现这一点，但它也适用于其他许多语言。请参考上面的指南。

function add(a, b) {
    return a + b
}
function minus(a, b) {
    return a - b
}
function multiply(a, b) {
    return a * b
}
function divide(a, b) {
    return a / b
}

如果没有折叠，你能做的最好的是以下方式;

function add(a, b) {...
}
function minus(a, b) {...
}
function multiply(a, b) {...
}
function divide(a, b) {...
}

还不错，但是如果你添加适当的jsdoc块，函数仍然会占用相当大的空间。使用regions，你可以做到以下方式;

// #region Math functions
function add(a, b) {
    return a + b
}
function minus(a, b) {
    return a - b
}
function multiply(a, b) {
    return a * b
}
function divide(a, b) {
    return a / b
}
// #endregion

现在，你可以将代码在#region定义处折叠起来，将代码折叠成以下方式;

// #region Math functions ...

请注意保持安全 ❤️
‘’’