用VSCode Snippets告别重复代码，解放生产力！

2023-11-15 02:42:11

编写代码时，是否曾遇到过反复编写相同代码块的情况？这不仅浪费时间，而且容易出错。幸运的是，VSCode Snippets 可以轻松解决这个问题。

VSCode Snippets 允许您创建代码模板，这些模板可以在您键入触发词时自动展开。它不仅提高了编码效率，还增强了代码的一致性和准确性。

创建您的第一个 Snippet

要创建 Snippet，请执行以下步骤：

打开 VSCode 并转到 "文件" > "首选项" > "设置"（Windows/Linux）或 "VSCode" > "首选项" > "设置"（macOS）。
在搜索栏中输入 "用户片段"。
单击 "用户片段" 文件夹旁边的 "新建文件" 图标。
为 Snippet 文件命名（例如，"my-snippets.code-snippets"）。
在 Snippet 文件中，使用以下 JSON 格式：

{
    "TextMate Scopes": ["source.python"],
    "Prefix": "hello",
    "Body": [
        "print('Hello, world!')"
    ],
    "Description": "Prints 'Hello, world!' to the console"
}

注意：

"TextMate Scopes" 指定了 Snippet 适用的语言或文件类型。
"Prefix" 是触发 Snippet 的单词或字符序列。
"Body" 是 Snippet 的实际内容。
"Description" 是 Snippet 的可选说明。

使用 Snippets

创建 Snippet 后，您可以在编码时使用它们。只需键入触发词，然后按 "Tab" 键即可。触发词将被 Snippet 内容替换。

实例

让我们创建一个 Snippet，用于在 Python 中创建简单的 "for" 循环：

{
    "TextMate Scopes": ["source.python"],
    "Prefix": "forl",
    "Body": [
        "for i in range(len({1:expression})):",
        "    {2:code}"
    ],
    "Description": "Creates a 'for' loop in Python"
}