VSCode 代码片段预设变量

以下是VSCode代码片段预设变量的完整攻略，包含两个示例说明。

VSCode 代码片段预设变量

在VSCode中，代码片段预设变量可以帮助开发者快速生成代码模板，并且可以在代码时自动跳转到指定的位置进行编辑。下面是VSCode代码片段预设变量的完整攻略。

步骤一：创建代码段

在VSCode中创建代码片段可以按照以下步骤：

1. 打开VSCode编辑器。

2. 点击左下角的设置按钮选择“用户代码片段”选项。

3. 选择需要创建代码片段的语言。

4. 在弹出的窗口中输入代码片段的名称和代码内容。

5. 在代码内容中使用预设变量表示需要编辑的位置。

步骤二：使用代码段预设变量

在VSCode中使用代码片段预设变量可以按照以下步骤进行：

1. 在需要插入代码片段的位置输入代码片段的名称。

2. 按下“Tab”键。

3. 自动跳转到第一个预设变量的位置进行。

4. 编辑完成后按下“Tab”键跳转到下一个预设变量的位置进行编辑。

5. 重复以上步骤直到所有预设变量的位置都编辑完成。

预设变量列表

下面是VSCode中常用的代码片段预设变量列表：

• $1、$2、$3...：表示代码片段中需要编辑的位置，数字表示编辑的顺序。

• $0：表示代码片段插入后光标停的位置。

• $TM_FILENAME：表示当前文件的文件名。

• $TM_FILENAME_BASE：表示当前文件的文件名（不包含扩展名）。

• $TM_DIRECTORY：表示当前文件所在的目录。

• $TM_LINE_NUMBER：表示当前行的行号。

• $TM_SELECTED_TEXT：表示当前选中的文本。

• $TM_CURRENT_WORD：表示当前光标在的单词。

示例一：创建一个函数代码片段

下面是一个示例，演示如何在VSCode中创建一个函数代码片段，并使用预设变量。

"Create a new function": {
    "prefix": "newFunction",
    "body": [
        "function ${1:functionName}(${2:arguments}) {",
        "\t${3:// function body}",
        "}",
        "",
        "export default ${1:functionName};"
    ],
    "description": "Create a new function"
}

在这个代码片段中，使用了三个预设变量，分别是函数名、参数和函数体。其中，第一个预设变量的默认值是“functionName”，第二个预设变量的默认值是“arguments”，第三个预设变量的默认值是“// function body”。

示例二：使用函数代码片段预设变量

下面是另一个示例，演示如何在VSCode中使用函数代码片段预设变量。

1. 打开VSCode编辑器。

2. 打开一个代码文件。

3. 在需要插入函数的位置输入“newFunction”。

4. 按下“Tab”键。

5. 自动跳转到第一个预设变量的位置进行编辑。

6. 编辑完成后按下“Tab”键跳转到下一个预设变量的位置进行编辑。

7. 重复以上步骤直到所有预设变量的位置都编辑完成。

8. 函数代码片段生成完成。

在这个示例中，我们使用了之前创建的函数代码片段“newFunction”，并且按照预设变量的要求进行了编辑，最终生成了一个完整的函数。

希望这个攻略对你有所帮助！