添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

通过扩展增强Visual Studio代码的强大功能

https://marketplace.visualstudio.com/vscode

Visual Studio Code包含的功能仅仅是一个开始。 VS代码扩展让您可以将语言,调试器和工具添加到您的安装中,以支持您的开发工作流程。 VS Code丰富的可扩展性模型允许扩展作者直接插入VS Code UI,并通过VS Code使用的相同API提供功能。 本主题介绍如何查找,安装和管理VS代码扩展。

浏览并安装扩展

您可以在VS Code中浏览和安装扩展。 通过单击 VS代码侧 活动栏中 的扩展图标 查看:扩展 命令( Ctrl + Shift + X )来启动 扩展视图

这将向您展示 VS代码市场 上最受欢迎的VS代码扩展名单

列表中的每个扩展名都包含简要说明,发布者,下载计数和五星评级。 您可以单击扩展项目以显示扩展的 VS Code Marketplace 页面,您可以在其中了解更多信息。

另外,您还可以查看附加信息:

  • 贡献 - 扩展程序增加了VS Code,例如设置,命令和键盘快捷键,语言语法,调试器等。
  • 更新日志 - 扩展存储库CHANGELOG(如果可用)。
  • 依赖关系 - 列出扩展名是否依赖于任何其他扩展名。
  • 如果扩展名是扩展包,则 依赖项 部分将显示将安装哪些扩展名。 扩展包 将单独的扩展捆绑在一起,因此可以一次轻松安装。

    注意: 如果您的计算机的Internet访问通过代理服务器,则需要配置代理服务器。 详情请参阅 代理服务器支持

    通过点击扩展视图的 ... 更多 按钮,可以显示:

  • 当前安装的扩展名列表
  • 可更新的过期扩展名列表
  • 根据您的工作区推荐的扩展名列表
  • 全球流行的扩展名单
  • 您可以 按升序或降序 安装计数 评级 对扩展列表进行 排序。

    安装一个扩展

    点击 安装 按钮, 安装 成功后,您会看到一个 Reload 按钮,它将提示您重新启动VS Code以启用新的扩展。

    您可以清除扩展视图顶部的搜索框,然后输入您要查找的扩展名,工具或编程语言的名称。

    例如,输入'python'会弹出一个Python语言扩展列表:

    您可以使用 显示推荐的扩展程序 来设置 推荐的扩展程序 列表(基于您的工作区文件类型), 扩展程序 会设置'@推荐'过滤器。

    VS Code使您可以轻松管理您的扩展。 您可以通过扩展视图, 命令提示符 扩展“ 范围)或命令行 来安装,禁用,更新和卸载扩展

    列出安装的扩展

    显示已安装的扩展程序 将清除搜索框并显示已安装的扩展程序列表。

    卸载一个扩展

    要卸载扩展程序,请单击 卸载 按钮。 这将卸载扩展并提示您重新启动VS代码。

    更新扩展名

    您可以使用 显示过期扩展 命令使用'@过期'过滤器 来快速查找扩展更新 这将显示您当前安装的扩展程序的任何可用更新。 点击 过期分机 更新 按钮,更新将被安装,并且系统会提示您重启VS代码。 您也可以使用“ 更新所有扩展” 命令 一次性更新所有过期的扩展

    自动更新扩展

    如果您希望自动更新安装的扩展程序,则可以使用该 extensions.autoUpdate 设置 设置 true 为时,VS代码将自动下载过期扩展的新版本,当您看到 “已安装的扩展”列表中 的蓝色 重新加载 按钮 时,您只需重新启动VS代码 即可。

    点击扩展程序旁边的设置图标来禁用扩展程序,如下面的动画所示。

    或者,您可以禁用所有扩展名,如下面的动画所示

    命令行扩展管理

    为了便于自动化和配置VS Code,可以 从命令行 列出,安装和卸载扩展 当识别的扩展,提供以下形式的全名 publisher.extension ,例如 ms-python.python

    code --list-extensions
    code --install-extension ms-vscode.cpptools
    code --uninstall-extension ms-vscode.csharp
    code --disable-extensions
    

    从VSIX安装

    您可以手动安装打包在.vsix文件中的VS代码扩展在扩展视图命令下拉菜单中使用Install from VSIX ...命令,或者命令面板中使用VSIX ...中扩展:安装命令,指向该.vsix文件。

    您还可以使用VS Code --install-extension命令行开关进行安装,从而提供.vsix文件的路径

    code --install-extension myextension.vsix
    

    您可以--install-extension在命令行上多次提供一次安装多个扩展。

    如果您想了解有关打包和发布扩展程序的更多信息,请参阅扩展程序创作部分中的我们的发布扩展主题。

    一组优秀的扩展可以使特定的工作空间或编程语言的工作效率更高,并且您经常希望与您的团队或同事分享这份清单。您可以使用扩展:配置推荐的扩展(工作区)命令为工作区创建推荐的扩展列表

    在单个文件夹工作区中,该命令将创建一个extensions.json位于工作区.vscode文件夹中的文件,您可以在其中添加扩展标识符列表({publisherName}。{extensionName})。

    多根工作区中,该命令将打开您的.code-workspace文件,您可以在其中列出扩展名extensions.recommendations您仍然可以使用扩展:配置推荐的扩展(工作区文件夹)命令将扩展建议添加到多根工作区中的单个文件

    一个例子extensions.json可能是:

    "recommendations": [ "eg2.tslint", "dbaeumer.vscode-eslint", "msjsdiag.debugger-for-chrome"

    其中推荐两个linter扩展,TSLint和ESLint,以及Chrome调试器扩展。

    扩展名使用其发布者名称和扩展标识符进行标识publisher.extension您可以在扩展程序的详细信息页面上看到该名称。

    当第一次打开工作区时,VS代码会提示用户安装建议的扩展名。用户还可以使用扩展:显示推荐的扩展命令来查看列表

    以下是您可能会感兴趣的几个主题...

  • 发布到市场 - 将您自己的定制或扩展发布到VS代码市场
  • 扩展生成器 - 了解Yo代码扩展生成器如何搭建新的扩展并打包现有的TextMate文件。
  • 扩展Visual Studio代码 - 开始了解VS代码的可扩展性
  • 您的第一个扩展 - 尝试创建一个简单的Hello World扩展
  • 问:我可以直接从市场下载扩展吗?

    答:一些用户喜欢从市场中下载一次扩展,然后从本地共享多次安装。当存在连接问题时,或者开发团队想要使用固定扩展集时,这非常有用。

    扩展程序的直接下载URL格式如下:

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

    例如,ESLint扩展版本0.10.18将是:

    https://dbaeumer.gallery.vsassets.io/_apis/public/gallery/publisher/dbaeumer/extension/vscode-eslint/0.10.18/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage
    

    一旦你下载了一个扩展,你可以通过重命名.zip文件扩展名.vsix,然后在扩展视图命令下拉菜单中使用Install from VSIX ...命令加载它

    问:安装了哪些扩展?

    :扩展程序安装在扩展文件夹中。根据您的平台,全球位置位于以下文件夹中:

  • 视窗 %USERPROFILE%\.vscode\extensions
  • 苹果电脑 ~/.vscode/extensions
  • Linux的 ~/.vscode/extensions
  • 问:VS Code可以直接读取TextMate包吗?

    :不,VS代码可以读取一些TextMate文件,如.tmTheme和.tmLanguage,但不能安装完整的TextMate软件包。此外,为了使用TextMate主题和语法文件,VS Code需要额外的元数据进行集成。呦代码扩展生成器可以很容易地打包这些文件在VS代码中使用。有关详细信息请参阅扩展创作部分中主题,片段和着色器主题。

    问:我可以在Visual Studio代码中安装Visual Studio社区扩展(以.vsix发布)吗?

    答:不,Visual Studio代码的可扩展性点与Visual Studio社区不同。

    问:每当我尝试安装任何扩展程序时,都会收到连接ETIMEDOUT错误。

    答:如果您的计算机正在通过代理服务器访问Internet,则可能会看到此错误。有关详细信息,请参阅SETUP主题中代理服务器支持部分。

    问:我可以直接从市场下载扩展吗?离线安装vscode插件

    答:一些用户喜欢从市场中下载一次扩展,然后从本地共享多次安装。当存在连接问题时,或者开发团队想要使用固定扩展集时,这非常有用。

    扩展程序的直接下载URL格式如下:

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

    例如,ESLint扩展版本0.10.18将是:

    https://dbaeumer.gallery.vsassets.io/_apis/public/gallery/publisher/dbaeumer/extension/vscode-eslint/0.10.18/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage
    

    一旦你下载了一个扩展,你可以通过重命名.zip文件扩展名.vsix,然后在扩展视图命令下拉菜单中使用Install from VSIX ...命令来加载它。

    以python插件为例
    在插件官网进入python插件的页面 
    https://marketplace.visualstudio.com/items?itemName=ms-python.python
    从这个url中获取 ${publisher}的值为ms-python ${extension name}的值为python ${version}的值在界面右侧的More Info获取(当前版本是2018.3.1)

    修改之后的下载链接为

    https://ms-python.gallery.vsassets.io/_apis/public/gallery/publisher/ms-python/extension/python/2018.3.1/assetbyname/Microsoft.VisualStudio.Services.VSIXPackage
    文件名随意修改,后缀必须为vsix,打开vscode,点击扩展右侧的三个点,选择从VSIX安装,之后选择文件安装,之后重启即可

    问:安装了哪些扩展?

    答:扩展程序安装在扩展文件夹中。根据您的平台,全球位置位于以下文件夹中:

  • 视窗 %USERPROFILE%\.vscode\extensions
  • 苹果电脑 ~/.vscode/extensions
  • Linux的 ~/.vscode/extensions
  •