Visual Studio Code 插件安装

这篇具有很好参考价值的文章主要介绍了Visual Studio Code 插件安装。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Visual Studio Code 插件安装

 

目录

1、在线安装

1.1 单个插件的安装

1.2 根据配置文件一次性安装多个插件

1.3 同步配置的方式

1.3.1 第一种方式使用VSCode自带的同步功能。

1.3.2 第二种方式,首先需要先安装插件 Settings Sync

2、离线安装

2.1 去官方下载离线安装包进行安装

2.2 直接把自己的扩展包拷贝到目标电脑对应的路径下


1、在线安装

1.1 单个插件的安装

打开工具,点击左侧扩展按钮,在输入框中输入扩展名,搜索对应插件,找到插件,然后点安装即可。

Visual Studio Code 插件安装

1.2 根据配置文件一次性安装多个插件

首先,我们可以把原来配置文件导出来,如下所示进行导出。

Visual Studio Code 插件安装

 然后,点击 VSCode 左侧最下面的设置按钮,选中配置文件,点击导出配置文件,例如命名为peizhi,导出的文件名为:peizhi.code-profile

 Visual Studio Code 插件安装

最后,进行导入操作,如上图所示,在需要安装插件的电脑上,打开VSCode点击导入配置文件,选择刚刚导出的文件即可,然后会根据配置文件进行安装。 

1.3 同步配置的方式

一般常用的有两种方式:

1.3.1 第一种方式使用VSCode自带的同步功能。

首先,点击【文件】->【首选项】->【打开设置同步...】,如下图所示:

Visual Studio Code 插件安装

Visual Studio Code 插件安装 

 其次,用github进行登录操作,然后再返回VSCode,选中对应内容进行同步即可。

1.3.2 第二种方式,首先需要先安装插件 Settings Sync

需要使用您的GitHub帐户令牌和Gist。

设置同步的范围有两种配置类型。

  • 当前设置
  • 全局设置

设置同步全局设置是应用于所有Visual Studio代码环境的设置,而Gist设置的范围仅限于Visual Studio当前环境。

例如:GitHub令牌是全局设置的一部分,原因有两个,首先是它对用户的敏感信息,我们不允许上传GitHub令牌以及Gist中的代码设置。其次,它适用于所有的Gist,它需要下载任何Gist。

Gist设置:

{  
    "sync.gist": "",
    "sync.autoDownload": false,
    "sync.autoUpload": false,
    "sync.forceDownload": false,
    "sync.removeExtensions": true,
    "sync.syncExtensions": true,
    "sync.forceUpload": false,
    "sync.quietSync": false
}

Gist设置存储在带有同步前缀的Visual Studio代码settings.json中,可能因不同的Gist(Visual Studio环境)而异,并将被新下载的设置替换。

  • Gist:Github Gist ID
  • 自动下载:false默认。如果您将其设置为true,它将在代码启动时自动下载设置。
  • 自动上传:false默认。当Visual Studio Loads设置为true时,它将自动启动下载过程,false将不允许扩展在启动时自动下载设置。
  • quietSync:默认情况下为false。当下载或上传过程完成时,它将显示摘要页面,显示更改的文件和添加或删除的扩展名。设置为false将允许在后台安静的进程,并且只通过编辑器状态栏通知。
  • 强制下载:false默认。如果您将其设置为true,则每次手动或启动下载过程时都会覆盖现有设置。
  • syncExtensions:true默认。它允许设置同步来同步你的扩展列表,所以当你下载时,它会自动安装代码中的扩展列表。
  • removeExtensions:true默认。当syncExtensions为true且扩展列表已下载时。它允许设置同步删除不属于已下载扩展列表的扩展。如果你想同步新的扩展,不想删除额外的扩展,请将此配置保持为false设置同步不会删除扩展。

全局设置:

全局设置存储在文件名为UsersyncLocalSettings.json文件夹中。

{
    "ignoreUploadFiles": [
        "state.*",
        "syncLocalSettings.json",
        ".DS_Store",
        "sync.lock",
        "projects.json",
        "projects_cache_vscode.json",
        "projects_cache_git.json",
        "projects_cache_svn.json",
        "gpm_projects.json",
        "gpm-recentItems.json"
    ],
    "ignoreUploadFolders": [ "workspaceStorage"],
    "ignoreExtensions": [],
    "gistDescription": "Visual Studio Code Settings Sync Gist",
    "version": 341,
    "token": "",
    "downloadPublicGist": false,
    "supportedFileExtensions": [ "json","code-snippets"],
    "disableUpdateMessage": false,
    "lastUpload": null,
    "lastDownload": null,
    "githubEnterpriseUrl": null,
    "askGistName": false,
    "customFiles": {},
    "hostName": null,
    "universalKeybindings": false,
    "autoUploadDelay": 20
}

ignoreUploadFiles: 此键内的所有文件将停止扩展以上传文件。你只需要写文件的文件名。在User文件夹或子文件夹中找到的任何具有此名称的文件都不会被上载。与上面的例子一样,projects.json和projects_cache_git.json不会上传到Github Gist。

ignoreUploadFolders:所有在其中定义的文件夹名称将不会上传到Gist中,文件夹可以是用户文件夹的子文件夹或任何子文件夹的子文件夹。与上面的例子一样,workspaceStorage文件夹文件不会上传到Github Gist。

gistDescription: 这是您要创建的gist的名称。

token: GitHub用户密钥标识符,用于允许Settings Sync上传和下载gist。当您通过GitHub登录时,设置同步UI会自动生成令牌。你也可以从Github手动生成token并粘贴到这里。

supportedFileExtensions: 它允许设置同步仅上传定义了扩展名的文件。默认情况下,设置同步仅上载jsoncode-snippets

downloadPublicGist: 默认false。如果您希望设置为仅下载同步模式,请将其设置为true。例如,团队成员期待团队环境。将其设置为true,设置同步将仅下载Gist,并且永远不会要求令牌以便下载。

ignoreExtensions:添加任何扩展名,以便从上传/下载过程中忽略。例如:添加beautify,如果你想忽略beautify扩展从Gist上传和下载。 

disableUpdateMessage:默认false。当您希望禁用扩展更新消息时,请将其设置为true

githubEnterpriseUrlhostName:当你想使用Github企业版进行设置同步时,设置企业版url和主机名。

askGistName:- askGistName:默认false。当设置为true时,允许用户在创建新Gist时设置Gist名称。非常有帮助的,当你有多个环境(eidog家庭设置,工作设置),你可以命名这些要点,并下载他们通过识别。

universalKeybindings:默认false。如果你想要一个true的MacOS,Linux和Windows,请将其设置为keybindings.json

autoUploadDelay:默认值为20秒。更改秒间隔以允许设置同步在更改时上载设置。

customFiles: 允许您同步User文件夹外的文件。

lastDownload和lastUpload: 只是记录下载和上传的状态。您可以将其设置为空以点击手动下载过程。

快捷方式:

1. 上传 : Shift + Alt + U

2. 下载 : Shift + Alt + D

macOS 系统下对应的是:

Shift + Option + U 

Shift + Option + D

2、离线安装

2.1 去官方下载离线安装包进行安装

官网地址如下所示:

Extensions for Visual Studio family of products | Visual Studio Marketplace

Visual Studio Code 插件安装

输入插件名称,搜索对应插件,页面右侧点击【Download Extension】链接即可。 

Visual Studio Code 插件安装

然后从扩展面板中,单击右上角,选择【从VSIX安装...】,然后选中之前下载的扩展即可进行安装。

您也可以使用VS Code --install-extension命令行开关来安装,该开关提供了.vsix文件的路径。

安装命令如下所示:

code --install-extension myextension.vsix

 您可以在命令行中--install-extension后面,写多个路径方便一次性安装多个扩展。

2.2 直接把自己的扩展包拷贝到目标电脑对应的路径下

操作步骤:

Windows 电脑VSCode扩展的默认安装路径为 C:\Users\Administrator\.vscode\extensions

Visual Studio Code 插件安装

 

然后直接把里面对应的插件,进行拷贝,在离线环境的电脑上,同时也在目录中,进行粘贴就行,然后重启下VSCode看下对应是否安装。

有些插件可能会对VSCode 插件版本有要求,就卸载旧的版本,重新安装一个新的版本就可以了,主要删除以下几个文件夹

  1. C:\Users\Administrator\AppData\Local\Programs\Microsoft VS Code 安装目录
  2. C:\Users\Administrator\.vscode\extensions 扩展文件路径(如果有用,提前备份下)
  3. C:\Users\Administrator\AppData\Roaming\Code  VSCode 全局配置的相关的信息。

我自己操作了一下,并没有成功,可能是版本问题吧,然后我就换了一种思路,既然这个目录下的插件没有识别,那么是不是可以在运行时指定一下插件的目录。

于是我在启动的时候,加了如下参数:

--extensions-dir C:\my_extensions

Visual Studio Code 插件安装

然后再次打开VSCode ,发现对应插件全部都有了,至此,大功告成!!!

 Visual Studio Code 插件安装

 Visual Studio Code 插件安装文章来源地址https://www.toymoban.com/news/detail-492475.html

到了这里,关于Visual Studio Code 插件安装的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在Windows中,如何更改 Visual Studio Code 扩展插件的安装位置?

      Visual Studio Code工具本身就是一种可以免安装的绿色工具,但是其插件(extension)以及用户数据缺省是存储在操作系统的系统目录下的。   虽然已经将Visual Studio Code安装在D盘,但是扩展插件(extension)仍然默认安装在C盘。   Visual Studio Code插件在Windows操作系统的 默认

    2024年02月06日
    浏览(39)
  • 离线安装vscode插件,导出 Visual Studio Code 的扩展应用,并离线安装

    在没有网络的情况下,如何安装vscode插件 1.使用之前电脑安装过的插件包 Visual Studio Code 的扩展应用安装位置在文件夹 .vscode/extensions 下。不同平台,它位于: Windows %USERPROFILE%.vscodeextensions Mac ~/.vscode/extensions Linux ~/.vscode/extensions 离线使用时,直接复制粘贴即可。 如windows系统

    2024年02月13日
    浏览(23)
  • Visual Studio Code 常见的配置、常用好用插件以及【vsCode 开发相应项目推荐安装的插件】

    把插件的更新也一起取消了 字体对开发也很重要,不同字体,字母形态都不太一样,尤其是标点符号,逗号和分号的区分,有的字体看着这两者就很像 这样打开了很多个文件,就不会导致有的打开的文件被隐藏 相当于idea 查看当前类或接口的结构 Structure 支持快捷键与鼠标右

    2023年04月16日
    浏览(34)
  • 【开发环境】Mac 安装 Visual Studio Code ② ( 装 C/C++ 扩展 | 安装配置 Code Runner 扩展插件 | 运行 C 语言程序 )

    在 VSCode 中 , 点击 左侧 的 \\\" 扩展 \\\" 按键 , 在 扩展 面板中 , 默认显示之前已经安装过的 扩展 ; 在 扩展面板 中的 搜索栏 , 输入 \\\" C \\\" , 第一个就是 C/C++ 扩展 , 点击 \\\" 安装 \\\" 按钮 , 安装改 扩展插件 ; 安装完毕后 , 提示 如下内容 ; 在 扩展 面板中 , 搜索 \\\" runner \\\" , 搜索出的第一个

    2024年04月25日
    浏览(30)
  • Visual Studio Code前端开发插件推荐

    Visual Studio Code(简称VS Code)是一款轻量级且强大的开源代码编辑器,广受前端开发者的喜爱。其丰富的插件生态系统为前端开发提供了许多便利和增强功能的插件。本篇博客将向大家推荐一些在前端开发中常用且优秀的插件,并提供详细的使用说明和代码示例。 Live Server是一

    2024年02月12日
    浏览(22)
  • Visual Studio Code 珍藏好久的插件推荐

    目录 1、Prettier - Code formatter ​2、ESLINT 3、Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 4、GitLens — Git supercharged 5、vscode-icons​编辑 6、Remote - SSH 7、Auto Rename Tag 8、Vetur 9、Path Intellisense 10、Auto Close Tag 11、ES7+ React/Redux/React-Native snippets 12、Code Spell Checker 13、npm Intelli

    2024年02月09日
    浏览(17)
  • Visual Studio Code 编辑器实用插件简介

    以下是一些常用的 Visual Studio Code 编辑器插件及其简短描述: 2gua.rainbow-brackets :在括号周围添加彩虹色的边框,以帮助区分不同层次的括号。 adpyke.codesnap :将代码片段转换为漂亮的图片,以便与其他人分享。 ahmadawais.shades-of-purple :一款紫色主题的 Visual Studio Code 编辑器主题

    2024年02月13日
    浏览(21)
  • 【Visual Studio Code】--- Win11 C盘爆满 修改 Code 插件数据和缓存的保存路径

    在编程的艺术世界里,代码和灵感需要寻找到最佳的交融点,才能打造出令人为之惊叹的作品。 而在这座秋知叶i博客的殿堂里,我们将共同追寻这种完美结合,为未来的世界留下属于我们的独特印记。 开发系统:Windows11 软件版本:Visual Studio Code 在其他盘创建一个文件夹专

    2024年02月12日
    浏览(21)
  • Visual Studio Code 用 git 获取指定历史版本代码,并且拉取代码到指定根目录的方法

    1、新建文件夹,并用 VS打开该文件夹 2、终端执行  git init 3、找到想拉取项目的SSH地址,并复制该地址 4、把复制的SSH地址关联起来,关键语法 git remote add origin 地址 5、先拉取下来, git pull origin master 6、查看提交日志, git log --pretty=oneline (备注:oneline 意思是把每一个提交

    2024年02月15日
    浏览(20)
  • Vscode (Visual Studio Code)使用Thief-Book插件看小说摸鱼神器

    Vscode (Visual Studio Code)使用Thief-Book插件看小说摸鱼神器,话不多说直接开整: 第一步:打开 VS Code 编辑器,在侧边栏中选择“扩展”,搜索并安装 Thief-Book 插件  第二步:准备好要看的小说txt文件,需要另存为选一下utf-8格式,否则待会儿文字会乱码   选择utf-8格式 第三步:

    2024年01月18日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包