代码片段

contributes.snippets配置允许你将代码片段打包进VS Code插件中。

创建代码片段主题详细介绍了新建代码片段的全部内容。本篇指南只是告诉你关于打包代码片段的大体思路。比较推荐的做法是：

  • 用Preferences: Configure User Snippets命令创建和调试代码片段。
  • 如果你觉得满意了，将整个JSON文件复制到插件目录下，起个名字比如说snippets.json文件。
  • 将下列配置添加到你的package.json中
  1. {
  2.     "contributes": {
  3.         "snippets": [
  4.             {
  5.                 "language": "javascript",
  6.                 "path": "./snippets.json"
  7.             }
  8.         ]
  9.     }
  10. }

本篇的源代码在https://github.com/Microsoft/vscode-extension-samples/tree/master/snippet-sample

?> 提示：在package.json中添加如下分类，用户才能轻松找到你的插件。

  1. {
  2.     "categories": ["Snippets"]
  3. }

使用TextMate代码片段

你也可以用yo code将TextMate代码片段（.tmSnippets）直接添加到插件里去。生成器中的可选项New Code Snippets会帮你指向.tmSnippets的目录，它们最后都会一起打包到VS Code 插件里。生成器甚至还支持Sublime代码片段（.sublime-snippets）。

生成器最终输出的文件有两个：一份插件清单package.json，和一份转换为VS Code代码片段的snippets.json。

  1. .
  2. ├── snippets                    // VS Code integration
  3. │   └── snippets.json           // The JSON file w/ the snippets
  4. └── package.json                // extension's manifest

把生成的代码片段文件夹复制到你的.vscode/extensions下的新文件夹中，然后重启VS Code。