如何脱机安装Visual Studio代码扩展？

Question

我已将Visual Studio代码安装在一台无法连接到Internet的计算机上。According to the documentation，如果我有.vsix，我可以从命令行安装扩展，但是我不知道如何从市场上获得.vsix。

如何下载承载在the marketplace上的扩展的.vsix？

Answer 1

更新2017-12-13

现在可以直接从marketplace下载扩展。

从Visual Studio代码1.7.1开始，拖动或打开扩展不再工作。要手动安装，您需要：

• 打开扩展工具条
• 点击右上角的省略号
• 选择从VSIX安装

---

旧方法

根据the documentation，可以直接下载扩展：

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

这意味着为了下载扩展，你需要知道

• 发布者名称
• 版本
• 扩展名

您可以在URL中找到所有这些信息。

示例

下面是下载安装C\v1.3.0扩展的示例：

发行者、扩展和版本

您可以在扩展的主页上的URL中找到发布者和扩展名：

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

这里发布者是ms-vscode，扩展名是csharp。

版本可以在右侧的“更多信息”区域中找到。

要下载它，您需要从上面的模板创建一个链接：

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

所有软件包都将具有相同的名称Microsoft.VisualStudio.Services.VSIXPackage，因此，如果以后想知道是哪个软件包，则需要在下载后重命名它。

安装

为了安装延长件

• 重命名文件并赋予其*.vsix扩展名
• 打开Visual Studio代码，转到菜单文件？打开文件。。。或Ctrl+O并选择.vsix文件
• 如果一切顺利，您应该在窗口顶部看到以下消息：

Extension was successfully installed. Restart to enable it.

Answer 2

加上t3chb0t的答案，不确定为什么下载选项不可见，所以为那些使用GreaseMonkey/TamperMonkey的用户创建了一个补丁：您可以找到要点代码here

或者只需在浏览器控制台中粘贴以下行，链接就会神奇地出现：

let version = document.querySelector('.ux-table-metadata > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > div:nth-child(1)').innerText
    , itemDetails = window.location.search.replace('?', '').split('&').filter(str => !str.indexOf('itemName')).map(str => str.split('=')[1])[0]
    , [author, extension] = itemDetails.split('.')
    , lAuthor = author.toLowerCase()
    , href = `https://${lAuthor}.gallery.vsassets.io:443/_apis/public/gallery/publisher/${author}/extension/${extension}/${version}/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage`
    , element = document.createElement('a');


element.href = href;
element.className = 'vscode-moreinformation dark';
element.innerHTML = 'download .vsix file';
element.download  = `${extension}.${version}.vsix`;
document.querySelector('.vscode-install-info-container').appendChild(element);

Answer 3

所有这些建议都很好，但是执行代码来构造URL或者手工构造那个疯狂的URL是很烦人的。。。

所以，我组装了一个快速的网络应用程序，让事情变得更简单。只需粘贴所需扩展的URL，即可下载已正确命名的扩展：publisher-extension-version.vsix。

希望有人能帮上忙： http://vscode-offline.herokuapp.com/