by admin

Install Chrome Extensions Offline

I have installed VS Code on a machine that is not, and cannot be, connected to the internet. According to the docs, I can install an extension from the command line if I have the .vsix, but I don't know how to get the .vsix from the marketplace.

  1. Install Chrome Extensions Offline
  2. Chrome Web Store

How can I download the .vsix for an extension hosted on the marketplace?

In some cases, it can be necessary to install a Chrome extension without using the Chrome Web Store, for example to test an unpublished version of an extension. Also, some users living in China asked us if there was a way to install our extension as they can’t access the Chrome Web Store.

Sep 2, 2008 - How to Install google chrome and its extensions offline. Download the CRX file to your computer for the Chrome extension you want to install. Go to chrome://extensions/ and check the box for Developer mode in the top right.

blachnietblachniet

8 Answers

You can now download the extension directly from the marketplace.

As of VSCode 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

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

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

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:

Chrome

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:

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 VS Code, go to 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:
Install

Extension was successfully installed. Restart to enable it.

t3chb0tt3chb0t

adding on to t3chb0t's answer, not sure why the option to download is not visible, so created a patch for those who use GreaseMonkey/ TamperMonkey: you can find the gist code here

Or you can just paste the below lines in your browser console, and the link would magically appear:

Install Chrome Extensions Offline
midomido

All these suggestions are great, but kind of painful to follow because executing the code to construct the URL or constructing that crazy URL by hand is kind of annoying..

So, I threw together a quick web app to make things easier. Just paste the URL of the extension you want and out comes out the download of your extension already properly named: publisher-extension-version.vsix.

Hope someone finds it helpful:http://vscode-offline.herokuapp.com/

Yaakov ChaikinYaakov Chaikin

As of today the download URL for the latest version of the extension is embedded verbatim in the source of the page on Marketplace, e.g. source at URL:

https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync

contains string:

https://lukasz-wronski.gallerycdn.vsassets.io/extensions/lukasz-wronski/ftp-sync/0.3.3/1492669004156/Microsoft.VisualStudio.Services.VSIXPackage

Notorious big autopsy pictures. I use following Python regexp to extract dl URL:

LetMeSOThat4ULetMeSOThat4U

I wanted to throw a PowerShell download option on the pile in case anyone else comes across this. I have several offline scenarios and I run this in a loop to download and update all of the extensions I use offline.

Adam HaynesAdam Haynes

Adding to t3chb0t's excellent answer - Use these PowerShell commands to install all VSCode extensions in a folder:

Then, reload VSCode to complete the installation.

Oren ChapoOren Chapo

Now you can download an extension directly in the 'Resources' section, there's a 'Download extension' link, I hope this information is still useful.

LuisLuis

For Python users the pattern to use with t3chbot's excellent answer looks like:

be sure to scroll right to see where you have to enter the version number.

Little Bobby TablesLittle Bobby Tables

Not the answer you're looking for? Browse other questions tagged visual-studio-code or ask your own question.

Try to install an extension from outside the Chrome Web Store and Chrome will tell you that extensions “can only be added from the Chrome Web Store.” However, this message is incorrect – you can still install extensions from elsewhere.

This restriction is in place to prevent malicious websites from installing bad extensions, apps, and user scripts. You should only install extensions from legitimate websites you trust – the LastPass website, for example.

Manually Installing an Extension

To install an extension manually, click the wrench menu, point to Tools, and select Extensions to open the Extensions page.

If you’re seeing the message, Chrome has already downloaded the extension, app, or user script to your computer. You’ll find it in Chrome’s default download folder. Extensions and apps have the .crx file extension, while user scripts have the .user.js file extension.

Learn 1000 words common tagalog with free interactive flashcards. Choose from 500 different sets of 1000 words common tagalog flashcards on Quizlet. 100 most common tagalog words. This is the Filipino Core 100 List. It contains the most important and most frequently used Filipino words. Start learning Filipino with these words! The following set of flashcards rank the most common words used in Tagalog/Filipino based on a UCLA corpus of Tag/Fil texts (Zuraw 2006). Excludes English. A list of 100 most frequently spoken Tagalog words by Filipinos in the Philippines.

If it didn’t download to your computer, right-click the extension installation link on the page and use the Save As option to save it to your computer.

Drag and drop the CRX (or user.js) file onto the Extensions page to install it.

You’ll be prompted to confirm installation of the extension, just as if you had installed it from the Chrome Web Store.

Always Allow Extensions From Outside the Chrome Web Store

If you frequently install extensions from outside the Web Store, you can allow extension installation from any website by adding a command-line flag.

Install Chrome Extensions Offline

To add a command-line option, you’ll have to edit the Chrome shortcut’s properties. To access these on Windows 7, assuming you launch Chrome from your taskbar, right-click the Chrome icon on your taskbar, right-click Google Chrome in the menu that appears, and select Properties.

If you launch Chrome from your Start menu or your desktop, right-click the shortcut on your Start menu or desktop instead.

Select the Shortcut tab and add the following text to the end of the Target box:

–enable-easy-off-store-extension-install

After changing this setting, close all Chrome windows and launch Chrome from the shortcut you modified. You may want to wait a few moments after closing all Chrome windows to ensure Chrome is no longer running in the background

Try to install an extension from a web page and you’ll see a familiar installation prompt – click Continue to the install the extension.

Chrome Web Store

Changing Chrome Policies

Chrome includes policy settings designed for system administrators. If you use Chrome in your business and want to allow extension installation from a specific website or two, you can modify Chrome’s policies. This setting is changed in the registry on Windows, and in Chrome’s preferences files on Mac and Linux.

For example, on Windows, you could add the following registry entry to allow extension installation from lastpass.com:

SoftwarePoliciesGoogleChromeExtensionInstallSources1 = “https://lastpass.com/*”

For more information about this Chrome policy setting and other Chrome policy settings, consult the Policy List page on the Chromium Project’s website.