**<br>

编写格式规范

关键词：

****

文章：

VSCode 快捷创建用户代码片段

在 VSCode 中开发时，一些常用的代码片段或者页面模版，经常需要写。为了方便，可以配置代码片段，之后使用配置的语法命令快速生成，节省时间。

创建用户代码片段

1. 打开 VSCode，按 Ctrl + Shift + P 打开命令面板。
2. 输入 Preferences: Configure User Snippets，然后选择第一个选项。
3. 在打开的 settings.json 文件中，找到 "userSnippets" 部分。
4. 在 "userSnippets" 部分中，创建一个新的 JSON 对象，并为其指定一个语言标识符，例如 "javascript"。
5. 在新创建的 JSON 对象中，添加一个 "snippets" 字段，该字段是一个包含代码片段的对象。
6. 在 "snippets" 字段中，添加一个代码片段对象，并为其指定一个名称，例如 "mySnippet"。
7. 在代码片段对象中，添加 "prefix" 和 "body" 字段。
8. "prefix" 字段指定触发代码片段的语法命令。
9. "body" 字段指定代码片段的内容。
10. 保存 settings.json 文件。

使用用户代码片段

1. 在 VSCode 中，打开要插入代码片段的文件。
2. 输入代码片段的语法命令。
3. 按 Tab 键，代码片段将自动插入到当前位置。

示例代码片段

以下是一些常用的代码片段示例：

• 注释代码块

"注释代码块": {
    "prefix": "cmt",
    "body": [
        "/**",
        " * $1",
        " */"
    ],
    "description": "注释代码块"
}

• 创建函数

"创建函数": {
    "prefix": "fn",
    "body": [
        "function $1($2) {",
        "    $3",
        "}"
    ],
    "description": "创建函数"
}

• 创建类

"创建类": {
    "prefix": "class",
    "body": [
        "class $1 {",
        "    constructor($2) {",
        "        $3",
        "    }",
        "",
        "    $4"
    ],
    "description": "创建类"
}

结语

使用 VSCode 创建用户代码片段是一种提高开发效率的好方法。通过配置语法命令和代码片段，可以快速生成常用的代码片段，节省时间，提高开发效率。