スニペットガイド

contributes.snippets 貢献ポイントを使用すると、スニペットをVisual Studio Code拡張機能にバンドルして共有できます。

スニペットの作成トピックには、スニペットを作成するためのすべての情報が含まれています。このガイド/サンプルは、独自のスニペットを共有するための拡張機能にする方法を示すだけです。推奨されるワークフローは次のとおりです。

• スニペット: ユーザー スニペットの構成コマンドを使用してスニペットを作成およびテストします
• スニペットに問題がなければ、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）もサポートしています。

最終的なジェネレーターの出力には2つのファイルがあります。スニペットをVS Codeに統合するためのメタデータを含む拡張機能マニフェストpackage.jsonと、VS Codeスニペット形式に変換されたスニペットを含むsnippets.jsonファイルです。

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

生成されたスニペットフォルダーを.vscode/extensionsフォルダーの下の新しいフォルダーにコピーし、VS Codeを再起動します。