How can I install Visual Studio Code extensions offline?

by

UPDATE 2017-12-13

You can now download the extension directly from the marketplace.

Enter image description here

As of Visual Studio Code 1.7.1 dragging or opening the extension does not work any more. In order to install it manually you need to:

  • open the extensions sidebar
  • click on the ellipsis in the right upper corner
  • choose Install from VSIX

Install from VSIX...

Old Method

According to the documentation it is possible to download an extension directly:

An extension’s direct download URL is in the form:

https://${publisher}.gallery.vsassets.io/_apis/public/gallery/publisher/${publisher}/extension/${extension name}/${version}/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

This means that in order to download the extension you need to know

  • the publisher name
  • the version
  • the extension name

You can find all this information in the URL.

Example

Here’s an example for downloading an installing the C# v1.3.0 extension:

Publisher, Extension and Version

You can find the publisher and the extension names on the extension’s homepage inside its URL:

https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp

Here the publisher is ms-vscode and the extension name is csharp.

The version can be found on the right side in the More Info area.

To download it you need to create a link from the template above:

https://ms-vscode.gallery.vsassets.io/_apis/public/gallery/publisher/ms-vscode/extension/csharp/1.3.0/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage

All packages will have the same name Microsoft.VisualStudio.Services.VSIXPackage, so you’ll need to rename it after downloading if you want to know what package it was later.

Installation

In order to install the extension

  • Rename the file and give it the *.vsix extension
  • Open Visual Studio Code, go to menu File → Open File… or Ctrl + O and select the .vsix file
  • If everything went fine, you should see this message at the top of the window:

Extension was successfully installed. Restart to enable it.

More Related Contents:

  1. Disable tooltip hint in Visual Studio Code
  2. Does anybody know the name of this setting inside of VS Code Insiders? For grayed out parameter and variable annotations
  3. How can I see local history changes in Visual Studio Code?
  4. Change the encoding of a file in Visual Studio Code
  5. What is a ‘workspace’ in Visual Studio Code?
  6. How to exclude folder from “Explore” tab?
  7. How to comment multiple lines in Visual Studio Code?
  8. Set global $PATH environment variable in VS Code
  9. Choose folders to be ignored during search in VS Code
  10. Visual Studio Code: How to show line endings
  11. Define multiple tasks in VSCode
  12. How to turn off “matching” highlighting in VS Code?
  13. How to trigger parameter hints in Visual Studio Code?
  14. How to filter files shown in Visual Studio Code?
  15. Angular CLI 1.7.0 and Visual Studio Code – can’t set breakpoints
  16. How to downgrade vscode
  17. Live Sass Compiler – @use causes compilation error
  18. Remove trailing spaces automatically or with a shortcut
  19. How to edit existing VS Code Snippets
  20. Removing the file preview on the right side of the editor in VS Code
  21. How do you format code on save in VS Code
  22. How to disable or hide scrollbar/minimap?
  23. How can I customize comment block characters in Visual Studio Code?
  24. Change highlight text color in Visual Studio Code
  25. How can I disable GPU rendering in Visual Studio Code
  26. How to make vscode not wait for finishing a preLaunchTask?
  27. How to change indent guide line color between brackets in VSCODE?
  28. How to unhide/show the ‘Activity Bar’ on Visual Studio Code?
  29. Can I automatically start a task when a folder is opened?
  30. Open multiple Projects/Folders in Visual Studio Code

Leave a Comment