代码片段指南
contributes.snippets
贡献点允许你将代码片段打包到 Visual Studio Code 扩展中以供分享。
创建代码片段主题包含了创建代码片段的所有信息。本指南/示例仅展示如何将您自己的代码片段转换为扩展以进行分享。建议的工作流程是:
- 使用
Snippets: Configure User Snippets
命令创建并测试你的代码片段 - 一旦你对代码片段满意,将整个JSON文件复制到扩展文件夹中,例如
snippets.json
- 将以下代码片段贡献添加到您的
package.json
中
{
"contributes": {
"snippets": [
{
"language": "javascript",
"path": "./snippets.json"
}
]
}
}
提示: 在你的package.json
中使用以下配置将你的扩展标记为代码片段扩展:
{
"categories": ["Snippets"]
}
你可以在以下链接找到完整的源代码:https://github.com/microsoft/vscode-extension-samples/tree/main/snippet-sample。
使用TextMate片段
你也可以使用yo code扩展生成器将TextMate片段(.tmSnippets)添加到你的VS Code安装中。生成器有一个选项New Code Snippets
,它允许你指向一个包含多个.tmSnippets文件的文件夹,这些文件将被打包成一个VS Code片段扩展。生成器还支持Sublime片段(.sublime-snippets)。
最终的生成器输出有两个文件:一个是扩展清单 package.json
,它包含将代码片段集成到 VS Code 的元数据;另一个是 snippets.json
文件,它包含转换为 VS Code 代码片段格式的代码片段。
.
├── snippets // VS Code integration
│ └── snippets.json // The JSON file w/ the snippets
└── package.json // extension's manifest
将生成的代码片段文件夹复制到您的.vscode/extensions
文件夹下的一个新文件夹中,然后重新启动VS Code。