14 常用快捷键之代码片段
在上一篇中，我们讨论了 VSCode 中的一些基本快捷键，这些快捷键可以帮助大家更高效地进行编码。在本篇中，我们将重点介绍 VSCode 的“代码片段”功能及其相关的快捷键，帮助大家在编写代码时提升效率。
什么是代码片段？
在编程中，某些常见的代码结构或模式可能会频繁出现。代码片段（Snippets）是一种预定义的代码模板，可以用来快速插入这些常见的代码结构，从而节省时间和精力。
例如，假设你经常在 JavaScript 中使用一个标准的函数模板，使用代码片段可以让你只需输入一个简短的前缀，然后通过快捷键自动扩展为完整的函数结构。
使用代码片段的快捷键
-
触发器： 在编辑器中，您可以输入代码片段的前缀，然后按下
Tab键或Enter键来插入代码片段。例如，在 JavaScript 中，输入log后按Tab键，会被替换为：console.log(); -
可用代码片段列表： 如果您不确定某个语言支持的代码片段，可以在任何文件中使用
Ctrl+Shift+P打开命令面板，然后搜索并选择Insert Snippet。这将显示当前语言的所有可用代码片段列表。 -
选择代码片段： 在命令面板中，您可以使用上下方向键选择特定的代码片段，点击
Enter插入。
创建和编辑代码片段
VSCode 允许用户自定义自己的代码片段，这对于提高个人工作效率非常有帮助。下面是如何创建和编辑代码片段的步骤：
-
打开用户代码片段： 使用快捷键
Ctrl+Shift+P调出命令面板，输入Preferences: Configure User Snippets，选择目标语言的代码片段文件（如 JavaScript、Python 等）。 -
添加代码片段： 在打开的代码片段文件中，您可以使用 JSON 格式来定义新的代码片段。下面是一个示例：
{ "Log Statement": { "prefix": "log", "body": [ "console.log($1);", "$2" ], "description": "Log output to console" } }在这个例子中：
"Log Statement"是代码片段的名称。"prefix": "log"是触发代码片段的前缀。"body"定义了插入的代码，$1和$2是光标占位符，分别表示第一个和第二个光标位置。"description"是对代码片段的简单描述。
-
使用自定义代码片段： 输入自定义的前缀（如
log）并按下Tab或Enter，即会自动插入您自定义的代码片段。
示例
假设您正在开发一个简单的 HTTP 服务器，您可能需要频繁地创建请求处理函数。您可以为 GET 请求创建一个代码片段：
{
"HTTP GET Handler": {
"prefix": "getHandler",
"body": [
"app.get('$1', (req, res) => {",
" res.send('$2');",
"});"
],
"description": "Generate a GET request handler"
}
}
引入这个代码片段后，只需输入 getHandler，按下 Tab 键，即可快速生成处理请求的代码：
app.get('/path', (req, res) => {
res.send('Hello, world!');
});
小结
在本篇中，我们学习了 VSCode 中的 代码片段 功能，它是编写常见代码的高效工具。通过使用默认和自定义代码片段，我们可以显著提高开发效率。在下一篇中，我们将探讨如何自定义快捷键，以进一步优化你的编码体验。
