擴充套件包
2017 年 3 月 7 日 Wade Anderson, @waderyan_
如果您在過去一年中一直關注我們的部落格,您會注意到我每月都會撰寫一篇“擴充套件程式綜述”部落格。我喜歡撰寫這些部落格,以便讓您瞭解社群中正在建立的酷炫擴充套件程式,並激勵您建立自己的擴充套件程式。我經常圍繞綜述部落格設定一個主題:例如 JavaScript 擴充套件程式或 CodeLens 擴充套件程式(上個月)。
為這個部落格建立一個主題與擴充套件程式 API 中相對較新的部分——擴充套件程式包(Extension Packs)——非常契合。上個月,我建立了我的第一個擴充套件程式包,彙集了我所有最喜歡的 CodeLens 擴充套件程式。在本月的綜述中,我想教您如何製作自己的擴充套件程式包,併為您提供一些為什麼要製作擴充套件程式包的示例。
提示 有關更多詳細資訊,請參閱擴充套件程式包文件。
如何製作擴充套件程式包?
製作您自己的擴充套件程式包非常容易。請按照安裝 Yeoman VS Code 擴充套件程式生成器的說明進行操作。
安裝 Yeoman 生成器後,執行以下命令
yo code
選擇New Extension Pack,如下圖所示。

根據 Yeoman 提供的選項填寫。其中一個選項是根據您當前安裝的擴充套件程式建立擴充套件程式包。這將為您填寫擴充套件程式包的大部分詳細資訊!
要包含一個擴充套件程式,您的擴充套件程式清單檔案(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"
]
為什麼要建立擴充套件程式包?
建立擴充套件程式包有很多原因
- 想要建立您最喜歡的擴充套件程式列表並與朋友分享嗎?使用擴充套件程式包。
- 想要捆綁您的 Python 擴充套件程式,以便在處理 Python 專案時輕鬆停用和啟用嗎?使用擴充套件程式包。
- 想要為 VS Code 網站上的部落格文章建立精選的擴充套件程式列表嗎?使用擴充套件程式包。
推薦的擴充套件程式包
您可以透過使用“Extension Pack”類別進行查詢來查詢其他人建立的擴充套件程式包:點選此處進入 Marketplace,或者在 VS Code 的“擴充套件程式檢視”搜尋欄中輸入category:"Extension Packs"。
我最喜歡的一些擴充套件程式是
- Azure Tools Extension Pack (Azure 工具擴充套件程式包),作者 Microsoft。如果您使用 Azure 資源,這是必不可少的。我們建立這個包是為了將各種 Azure 擴充套件程式組合成一個安裝。
- React Native iOS Pack (React Native iOS 包),作者 Matt Bierner。Matt 彙集了用於處理 React Native、Objective-C 和 Swift 的優秀工具。
- Node.js Extension Pack (Node.js 擴充套件程式包),作者 waderyan。免責宣告:無恥的自我推銷 😊。我建立這個擴充套件程式是為了彙集我從以前的部落格文章中最喜歡的 Node.js 擴充套件程式。
希望您的擴充套件程式被推薦嗎?
有其他您喜歡的擴充套件程式或者希望在下一次綜述中看到您的擴充套件程式嗎?在 Twitter 上聯絡我們!
Wade Anderson, VS Code 團隊成員 @waderyan_