に参加して、VS Code の AI 支援開発について学びましょう。

拡張機能パック

2017年3月7日 ウェイド・アンダーソン, @waderyan_

この1年間、私たちのブログをフォローしてくださっている方なら、私が月に一度Extension Roundupブログを書いていることにお気づきでしょう。これらのブログは、コミュニティで作成されているクールな拡張機能についてお知らせし、皆さん自身の作成を促すために書いています。私はしばしば、JavaScript拡張機能やCodeLens拡張機能(先月)のようなテーマをRoundupブログに設定します。

このブログのテーマを作成することは、拡張機能APIの比較的新しい部分であるExtension Packsに自然にフィットします。先月、私はお気に入りのCodeLens拡張機能をすべてまとめるために、最初のExtension Packを作成しました。今月のRoundupでは、皆さん自身のパックを作成する方法を教え、作成したいと思ういくつかの理由の例を挙げたいと思います。

ヒント 詳細については、Extension Packのドキュメントを参照してください。

Extension Packを作成するにはどうすればよいですか?

Extension Packは非常に簡単に作成できます。Yeoman VS Code 拡張機能ジェネレーターのインストール手順に従ってください。

Yeomanジェネレーターがインストールされたら、次のコマンドを実行します。

yo code

下の画像に示すように、New Extension Packを選択してください。

new extension pack

Yeomanによって与えられたオプションを入力してください。オプションの1つは、現在インストールされている拡張機能に基づいてExtension Packを作成することです。これにより、Extension Packのほとんどの詳細が自動的に入力されます!

拡張機能を含めるには、拡張機能のマニフェストファイル(package.json)に次の属性が必要です。

"extensionPack": [
        "publisherid.extensionName"
    ]

ヒント Marketplaceの拡張機能のURLの末尾に、publisherid.extensionNameが表示されます。

私のCodeLens Roundupでは、私の拡張機能のマニフェストファイルは次のようになっていました。

"extensionPack": [
    "eamodio.gitlens",
    "VisualStudioOnlineApplicationInsights.application-insights",
    "kisstkondoros.vscode-codemetrics",
    "chrmarti.regex",
    "pflannery.vscode-versionlens"
]

Extension Packを作成したいのはなぜですか?

Extension Packを作成する理由はたくさんあります。

  • 友達と共有するためにお気に入りの拡張機能のリストを作成したいですか?Extension Packを使用してください。
  • Pythonプロジェクトで作業しているときに簡単に無効化・有効化できるように、Python拡張機能をバンドルしたいですか?Extension Packを使用してください。
  • VS Codeのウェブサイトのブログ投稿のために、厳選された拡張機能のリストを作成したいですか?Extension Packを使用してください。

他の人が作成したExtension Packsは、Extension Packカテゴリで検索することで見つけることができます。Marketplaceの場合はこちらをクリックするか、VS CodeのExtension View検索バーにcategory:"Extension Packs"と入力してください。

私のお気に入りの拡張機能の一部は次のとおりです。

  • Azure Tools Extension Pack (by Microsoft)。Azureリソースを使用しているなら、これは必須です。私たちは、様々なAzure拡張機能を1つのインストールにまとめるためにこのパックを作成しました。
  • React Native iOS Pack (by Matt Bierner)。Mattは、React Native、Objective-C、Swiftを扱うための優れたツールをまとめました。
  • Node.js Extension Pack (by waderyan)。免責事項:恥知らずな自己宣伝😊。私は、以前のブログ記事からお気に入りのNode.js拡張機能をまとめるためにこの拡張機能を作成しました。

他に好きな拡張機能がありますか、それとも次のRoundupであなたの拡張機能を見たいですか?Twitterで私たちに連絡してください!

ウェイド・アンダーソン, VS Codeチームメンバー  @waderyan_

© . This site is unofficial and not affiliated with Microsoft.