Ever wished that you could encapsulate some recommendations or best practices for Visual Studio Code and make them available to your team? Perhaps you just want to make it easier to enable and disable a collections of extensions? If so, then it’s time to consider building your own VS Code extension pack. An extension pack is simply a VSIX extension that references one or more other extensions.
The process is surprisingly straightforward. You will need to have Node.js installed (or a development container). This allows you to use NPM to install the three required dependencies. You will need
yo (provides the framework for generating the code),
generator-code (provides the VS Code-specific options), and
vsce (supports packaging and publishing).
1npm install -g yo generator-code vsce
After that, you can use
yo code to create a Visual Studio extension. When prompted, choose New Extension Pack.
Next, you’ll configure the extension as you’re prompted:
1? Add the currently installed extensions to the extension pack? No 2? What's the name of your extension? My Recommendations 3? What's the identifier of your extension? vscode-recommendations 4? What's the description of your extension? A set of recommended extensions 5? Initialize a git repository? Yes
This will create a folder which contains the complete definition for your extension, as well as an appropriate
The remaining steps are just as straight-forward:
Update the package.json file to include the name of the extensions to reference in the
extensionPacksection. For example:
1 "extensionPack": [ 2 "bierner.emojisense", 3 "bierner.github-markdown-preview" 4 ]
Define a value for
package.jsonfile. If you intend to distribute this privately, you do not need to register the publisher (but it should be unique, so consider registering anyway!). If you intend to make the extension available publicly, then you will need to register the publisher ID.
If you want to have a nice icon associated with your package, create a 128x128 PNG ( not an SVG) and add an
iconentry to the
vsce packagein the same folder as your code to create a
.vsixthat can be distributed or published. Installing the created package will install the recommended extensions.
And that’s all it takes to publish your own extension recommendations.