1. 简单的占位符：
- 在代码片段中，使用 ${1}、${2} 等数字作为占位符，表示光标插入的位置。这些数字表示光标的顺序，用户可以通过按 Tab 键在这些位置之间进行切换。
"console.log": {
"prefix": "log",
"body": [
"console.log(${1})"
],
"description": "Log output to console"
}
2. 具名的占位符：
- 使用 ${变量名} 来表示一个具有名称的占位符。这样的占位符允许用户在插入代码片段时更清晰地了解填写的内容。
"function": {
"prefix": "func",
"body": [
"function ${functionName}(${parameters}) {",
"\t${2:// code}",
"}"
],
"description": "Create a function"
}
3. 选择性的占位符：
- 使用 ${1|option1, option2, option3|} 来表示一个选择性的占位符。用户在插入代码片段时可以选择其中一个选项。
"if statement": {
"prefix": "if",
"body": [
"if (${1|condition|}) {",
"\t${2:// code}",
"}"
],
"description": "Create an if statement"
}
4. 嵌套的占位符：
- 占位符可以嵌套，允许用户在插入代码片段时填写多个级别的信息。
"nested example": {
"prefix": "nest",
"body": [
"const ${1:outer} = {",
"\t${2:inner}: ${3|value1, value2, value3|}",
"};"
],
"description": "Example of nested placeholders"
}
通过使用占位符，你可以创建更灵活、交互式的代码片段，提高在编辑器中快速生成代码的效率。上述示例是 JSON 格式的代码片段定义，你可以将它们添加到你的用户代码片段配置中。确保你的 VSCode 是最新版本，并查看相关插件和语言扩展的文档以获取更详细的信息。
转载请注明出处：http://www.zyzy.cn/article/detail/10237/VSCode