网站开发公司如何拓展业务,广州贸易网站,网站新闻被百度收录,软件开发app制作公司排名VScode(1)之内网离线安装开发环境(VirtualBoxubuntuVScode) Author: Once Day Date: 2022年7月18日/2024年3月17日 一位热衷于Linux学习和开发的菜鸟#xff0c;试图谱写一场冒险之旅#xff0c;也许终点只是一场白日梦… 漫漫长路#xff0c;有人对你微笑过嘛… 全系列文… VScode(1)之内网离线安装开发环境(VirtualBoxubuntuVScode) Author: Once Day Date: 2022年7月18日/2024年3月17日 一位热衷于Linux学习和开发的菜鸟试图谱写一场冒险之旅也许终点只是一场白日梦… 漫漫长路有人对你微笑过嘛… 全系列文章可参考专栏: VScode开发_Once-Day的博客-CSDN博客 参考文章: Oracle VM VirtualBoxOracle® VM VirtualBox® User ManualGet Ubuntu | Download | UbuntuHow to run an Ubuntu Desktop virtual machine using VirtualBox 7 | UbuntuVisual Studio Code - Code Editing. RedefinedVirtualBox安装Ubuntu Linux系统详细教程Ubuntu server 20.04详细安装教程 - 知乎 (zhihu.com)VSCode离线环境求生指南远程SSH服务器 - 知乎 (zhihu.com)简单的 VSCode 插件离线安装方法 - 知乎 (zhihu.com)VS Code Server的离线安装过程 - 知乎 (zhihu.com)vscode离线安装与使用技巧 - 小满的博客 - 博客园 (cnblogs.com)ubuntu | 镜像站使用帮助 | 清华大学开源软件镜像站 | Tsinghua Open Source MirrorVSCode安装配置使用教程最新版超详细保姆级含插件一文就够了-阿里云开发者社区 (aliyun.com)Extensions for Visual Studio family of products | Visual Studio Marketplace 文章目录 VScode(1)之内网离线安装开发环境(VirtualBoxubuntuVScode)1. 概述1.1 VScode介绍1.2 VirtualBox介绍1.3 Ubuntu介绍 2. 安装VirtualBox和虚拟机2.1 下载安装VirtualBox2.2 下载安装ubuntu2.3 网络配置和ssh连接 3. 离线安装VScode-server及插件3.1 下载VScode桌面版本3.2 下载VScode-server安装包3.3 配置ssh秘钥登入3.4 离线安装插件 4. 打包VScode-server整合包5. 总结 1. 概述
1.1 VScode介绍
Visual Studio Code简称VSCode是一个由微软开发的、跨平台的源代码编辑器。自2015年问世以来它因其轻量级、高性能和强大的功能集而受到了广泛的欢迎。VSCode内嵌了对JavaScript、TypeScript和Node.js的支持并提供了一个丰富的扩展生态系统这允许开发者增加对其他语言如C、C#、Python、PHP以及其他技术如.NET和Unity的支持。
VSCode的用户界面非常直观拥有一个侧边栏其中包含了文件浏览器、搜索功能、源代码管理和扩展市场等功能。代码编辑窗口本身支持语法高亮、智能代码补全IntelliSense、代码片段、内联错误信息和警告等特性这些都极大地提升了编码效率和体验。 在内网环境下因为无法直接访问外网下载VSCode或其扩展我们需要进行离线安装。下面是VSCode在内网无法连接互联网环境下的离线安装流程
下载VSCode安装包在具备互联网连接的环境中访问VSCode官方网站下载对应操作系统的安装包。通常会有.zip、.tar.gz、.deb、.rpm等格式根据你的操作系统选择合适的格式。下载必要的扩展如果你在内网环境中需要某些特定的扩展你也需要提前从VSCode的扩展市场中下载这些扩展的.vsix文件。转移文件到内网环境将下载的VSCode安装包和扩展文件如果有的话通过U盘等移动存储设备转移到内网环境中。安装VSCode在内网环境的计算机上解压或安装VSCode。如果是Windows系统通常是运行安装程序如果是Linux可能需要解压缩并运行安装脚本。安装VSCode扩展打开VSCode通过侧边栏进入扩展面板。点击右上角的“…”按钮选择“从VSIX安装”然后找到你之前保存的.vsix文件进行安装。
值得注意的是离线安装可能无法自动获取扩展的更新因此需要定期手动检查并下载最新版本的扩展进行更新。此外某些扩展可能依赖于外部程序或服务在内网环境中可能无法完全发挥其功能。
1.2 VirtualBox介绍
VirtualBox全名Oracle VM VirtualBox它是一款开源的虚拟化软件由德国InnoTek软件公司最初开发后被Sun Microsystems公司收购Sun公司随后又被Oracle公司收购。VirtualBox允许用户在现有的操作系统上虚拟出多个不同的操作系统运行环境比如在Windows中可以运行Linux或Mac OS等。这就好比在现实生活中你可以在自家的客厅里搭建一个微型模型房间而这个模型房间可以有与实际房间完全不同的布局和风格。
VirtualBox的魅力在于它的开放性和简易性。它支持多种操作系统易于安装与配置并且由于是开源软件拥有一大批的开发者和用户社区对于遇到的问题和需求通常都能快速找到解答和支持。它的快照功能让人们可以轻松保存当前虚拟机的状态并在需要时迅速回滚这对于软件测试和教学特别有用。
然而VirtualBox也有它的不足之处。例如与某些商业化的虚拟化产品相比VirtualBox的性能可能不是最优秀的尤其在图形渲染和硬件加速方面。同时虽然它可以免费使用但一些高级功能如USB设备支持和远程桌面协议RDP支持需要安装额外的“扩展包”且这个扩展包不是开源的。 与VirtualBox相提并论的其他虚拟化软件包括VMware Workstation、Microsoft Hyper-V和Parallels Desktop等。
VMware Workstation是一款强大的商业虚拟化软件它提供了更多高级功能和更强大的性能但它是付费软件。它的硬件兼容性和操作系统兼容性都非常高可以说是面向专业人士的首选工具。
Microsoft Hyper-V则是微软推出的虚拟化解决方案它整合在Windows Server和部分Windows 10专业版中。Hyper-V更倾向于企业级的解决方案适合在服务器和数据中心环境中部署。
Parallels Desktop主要面向Mac用户它允许在Mac OS上顺畅地运行Windows和其他操作系统。尽管它是付费软件但因其出色的性能和无缝集成Mac OSParallels Desktop在Mac用户中非常受欢迎。
VirtualBox以其免费和开源的优势对于入门用户和开发者来说是一个非常好的起点。而对于需要更高性能和更多企业级功能的用户则可能需要考虑VMware Workstation、Microsoft Hyper-V或Parallels Desktop等其他解决方案。
1.3 Ubuntu介绍
Ubuntu一款基于Debian的Linux发行版自2004年首次发布以来由Canonical公司主导开发得到了全球技术社区的广泛支持。Ubuntu的名字源于非洲祖鲁语含义是“人性”体现了这个系统的设计理念易于使用任何人都可以访问。现在Ubuntu已经是最受欢迎的Linux发行版之一无论是个人电脑用户还是服务器管理员都能在Ubuntu中找到一款合适的版本。
Ubuntu的亮点在于它的用户友好性Canonical公司提供了一个直观的图形用户界面GUI默认的Unity桌面环境尽管在最新版本中已经改为了GNOME以及一系列预装的软件让新用户能够轻松上手。此外Ubuntu拥有庞大的软件库和强大的社区支持用户可以通过简单的APTAdvanced Package Tool命令安装需要的软件。 Ubuntu和其他Linux发行版相比最大的优势在于它的普及度和社区支持。由于用户基础庞大许多软件开发者和硬件制造商都倾向于首先为Ubuntu提供支持和驱动程序。这意味着用户在使用某些新硬件或软件时通常会得到更好的体验。
每个发行版都有其特定的目标用户群和使用场景Ubuntu往往是推荐给Linux新手的首选因为它提供了一个平衡的系统既有丰富的功能又不失稳定性和易用性。
2. 安装VirtualBox和虚拟机
可参考博文: VirtualBox安装Ubuntu Linux系统详细教程。
详细配置文档可参考: Oracle® VM VirtualBox® User Manual。
2.1 下载安装VirtualBox
在VirtualBox官网选择最新版本然后点击Windows hosts即可下载: Downloads – Oracle VM VirtualBox。 安装非常简单但是注意需要修改安装位置不要自动安装到C盘下然后运行时还要修改默认虚拟电脑位置如下: 2.2 下载安装ubuntu
Ubuntu可以直接从官网下载我们选择服务器版本而不是桌面版这样可以节约资源在程序开发中正常无需桌面。如果是在物理机上直接安装Ubuntu那么可以选择桌面版对于虚拟机省掉桌面功能安装包也会小很多。
Ubuntu官网有一个教程来指导如何在VirtualBox下安装可以参考下面文档:
How to run an Ubuntu Desktop virtual machine using VirtualBox 7 | Ubuntu
下载好ubuntu server 22.04 镜像以后打开VirtualBox准备安装镜像:
(1) 选择【新建】在【新建虚拟电脑】界面中配置虚拟实例的名字、安装所在文件夹以及ISO镜像文件。 尽量不要选择手动安装即【跳过自动安装】这里不用选择然后选择下一步即可。
(2) 设置用户名和密码(很重要默认登入后非root用户)其他选项维持默认即可无桌面版一般不涉及增强功能。 (3) 设置虚拟机实例的配置规格内存至少4GB(建议8GB)CPU至少4个这是官方的桌面版建议运行规格但是服务器版本可以稍微少一些这里配置为4核4GB。硬盘最少25GB这里设为50GB即可不够后续可以扩容。 最终显示一个摘要界面确认无误后可以点击【完成】然后就开始创建过程了。 (4) 随后VirtualBox会启动安装流程主页面点击后就会进入手动操作步骤这部分挺多建议参考下面文档逐步完成ubuntu server配置: Ubuntu server 20.04详细安装教程 - 知乎 (zhihu.com)。
完成安装后选择重启此时便会看到ubuntu server的命令行界面输入前面设置的用户名和密码即可(非root账号): 如果密码输入显示失败记得检查是否小键盘的num lock是否锁住了。
对于ubuntu服务器一般这种界面称为串口界面只适合于极端情况的使用比如安装和恢复模式。
在VirtualBox里面默认配置了Nat网络因此在ubuntu-server里面可以Ping通外部设备。
但是宿主PC却无法主动连接ubuntu所以需要额外配置网络让宿主机可以主动ssh连接访问和管理ubuntu-server。
2.3 网络配置和ssh连接
建议参考博文VirtualBox虚拟机配置双网卡同时链接内外网。
先关闭ubuntu实例然后在VirtualBox界面进行配置网络如下: 配置双网卡 网卡1使用网络桥接或者Nat转换模式网卡2使用Host-Only模式。虚拟机使用网卡1与外网通信使用网卡2实现与主机以及其他虚拟机之间相互通信。 在VirtualBox-管理-主机网络管理器中查看是否有Host-Only网卡没有则手动添加。 在需要开启双网卡的虚拟操作系统中进入设置-网络开启两张网卡。网卡2使用Host-Only模式。 在完成VirtualBox配置后还需要进入虚拟机实例中进行额外的配置主要是初始化网卡并且配置相应的IP。
如下所示: 在Ubuntu操作系统中netplan 是一个网络配置抽象化的工具它允许使用 YAML一种简洁的数据序列化格式文件来配置网络。Ubuntu 17.10 以后的版本使用 netplan 作为网络配置的一部分netplan 读取 /etc/netplan/*.yaml 或 /etc/netplan/*.yml 文件中的网络配置并使用它们来配置系统网络。
像这种接口没有UP的情况就需要手动配置接口按照以下步骤操作 编辑配置文件 首先需要编辑netplan配置文件例如使用sudo nano /etc/netplan/01-netcfg.yaml命令这里的01-netcfg.yaml是一个示例文件名不同系统中可能有不同的文件名。 编写或修改网络配置 在配置文件中可以定义网络接口的设置比如静态IP地址、DNS服务器地址、网关等。请确保遵循YAML的语法规则因为它对缩进非常敏感。例如一个静态IP地址的配置可能看起来像这样 network:version: 2renderer: networkdethernets:enp3s0:dhcp4: noaddresses: [192.168.1.10/24]gateway4: 192.168.1.1nameservers:addresses: [8.8.8.8, 8.8.4.4]对于本虚拟实例则是直接配置DHCP即可如下: 应用配置 编辑并保存配置文件后运行以下命令来应用设置 sudo netplan applynetplan apply 命令会读取配置文件然后使用它们来配置网络。 故障排除 如果新的配置不工作你可以使用sudo netplan --debug apply来运行netplan apply这将提供更多的输出信息帮助你诊断问题。 回滚配置 如果更新后的网络配置导致问题netplan 提供了回滚功能。你可以通过运行sudo netplan revert来恢复到之前的网络状态。
配置成功后网络接口信息如下所示: 然后就可以使用WindTerm等终端程序进行登入了如下所示: 有关于WindTerm的信息可参考文档: 次时代终端工具WindTerm(含下载)_windterm下载-CSDN博客。
注意正常情况下root账户是无法直接登入的因为sshd配置里默认没有允许root账户以密码形式登入需要修改一下配置。
重点是下面四个条目(编辑文件sudo vim /etc/ssh/sshd_config):
PermitRootLogin yes允许root账户登入必须为yes其他的参数都有某种限制。PubkeyAuthentication yes允许公钥登入。AuthorizedKeysFile .ssh/authorized_keys .ssh/authorized_keys2指定公钥的目录。Subsystem sftp /usr/lib/openssh/sftp-server允许文件传输服务。
修改完了之后使用systemctl restart sshd然后就可以使用ssh连接root账户登入了。
为了模拟VScode离线安装流程这里把第一个网卡(Nat转换)给Down掉这样就无法连接外部网络了。 通过命令ip link set dev enp0s3 down其中enp0s3是目标Nat转换等能连接外部网络的网卡名字。
如果ubuntu里面没有自带openssh(比如ubuntu22.04默认没有开启ssh服务)那么需要手动下载:
1.在此之前需要更新源列表以下需要管理员权限
sudo apt-get update2.安装openssh-server
sudo apt-get install openssh-server3.启动ssh服务
sudo service ssh start3. 离线安装VScode-server及插件
一般而言我们谈到内网离线安装是指在某些公司或者特殊机构的开发环境下开发服务具有完整的编译环境但是并不具有VScode的联网环境这种时候就需要将平时自动安装VScode的过程拆分为离线安装过程。
下面是典型的内网VScode开发环境: #mermaid-svg-cziyxSJPHhASbCH8 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-cziyxSJPHhASbCH8 .error-icon{fill:#552222;}#mermaid-svg-cziyxSJPHhASbCH8 .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-cziyxSJPHhASbCH8 .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-cziyxSJPHhASbCH8 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-cziyxSJPHhASbCH8 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-cziyxSJPHhASbCH8 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-cziyxSJPHhASbCH8 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-cziyxSJPHhASbCH8 .marker{fill:#333333;stroke:#333333;}#mermaid-svg-cziyxSJPHhASbCH8 .marker.cross{stroke:#333333;}#mermaid-svg-cziyxSJPHhASbCH8 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-cziyxSJPHhASbCH8 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-cziyxSJPHhASbCH8 .cluster-label text{fill:#333;}#mermaid-svg-cziyxSJPHhASbCH8 .cluster-label span{color:#333;}#mermaid-svg-cziyxSJPHhASbCH8 .label text,#mermaid-svg-cziyxSJPHhASbCH8 span{fill:#333;color:#333;}#mermaid-svg-cziyxSJPHhASbCH8 .node rect,#mermaid-svg-cziyxSJPHhASbCH8 .node circle,#mermaid-svg-cziyxSJPHhASbCH8 .node ellipse,#mermaid-svg-cziyxSJPHhASbCH8 .node polygon,#mermaid-svg-cziyxSJPHhASbCH8 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-cziyxSJPHhASbCH8 .node .label{text-align:center;}#mermaid-svg-cziyxSJPHhASbCH8 .node.clickable{cursor:pointer;}#mermaid-svg-cziyxSJPHhASbCH8 .arrowheadPath{fill:#333333;}#mermaid-svg-cziyxSJPHhASbCH8 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-cziyxSJPHhASbCH8 .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-cziyxSJPHhASbCH8 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-cziyxSJPHhASbCH8 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-cziyxSJPHhASbCH8 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-cziyxSJPHhASbCH8 .cluster text{fill:#333;}#mermaid-svg-cziyxSJPHhASbCH8 .cluster span{color:#333;}#mermaid-svg-cziyxSJPHhASbCH8 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-cziyxSJPHhASbCH8 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 远程桌面(内外网隔离) 内部网络 外部PC 内部PC(运行VScode) LinuxServer(运行VScode-server) 在上面这个内网开发环境里内部PC和LinuxServer只有受限的网络连接我们必须手动下载所有资源文件然后拷贝进去最终搭建完整的VScode运行环境。这包括以下软件资源:
VScode Windows安装包用于桌面化运行这个直接在VScode官网下载即可包括其他系统桌面版。VScode-server安装包用于服务器上运行后端需要手动下载与机器型号和VScode桌面版版本强相关。VScode插件和资源文件用于配置VScode插件和自定义配置包括字体、ssh支持编程语言支持格式化各类小工具等等。
除上述之外通常还需要Linux Server具备一些基础软件 如Gcc编译套件OpensshGit等等如果缺失这些软件也可以自行编译或者下载离线包安装这里不再赘述。
3.1 下载VScode桌面版本
在VScode官网下载即可: Visual Studio Code - Code Editing. Redefined 根据自己的桌面使用情况下载合适的版本一般都是Windows安装版本按照指示流程操作即可。
3.2 下载VScode-server安装包
(1) 首先要获取VScode桌面版本的commit_id(help - about -commit) 这里的Commit值为如下(直接copy出来):
Version: 1.87.2 (user setup)
Commit: 863d2581ecda6849923a2118d93a088b0745d9d6
Date: 2024-03-08T15:20:17.278Z
Electron: 27.3.2
ElectronBuildId: 26836302
Chromium: 118.0.5993.159
Node.js: 18.17.1
V8: 11.8.172.18-electron.0
OS: Windows_NT x64 10.0.22621这个数字863d2581ecda6849923a2118d93a088b0745d9d6代表了VScode-server下载URL地址的关键标识名。
(2) 下载对应的vscode-server(这里ubuntu22.04是64位linux所以路径名后面是server-linux-x64
https://update.code.visualstudio.com/commit:863d2581ecda6849923a2118d93a088b0745d9d6/server-linux-x64/stable对于其他设备类型建议进行测试通过VScode报错日志找到对应的下载路径信息。
上述链接直接复制浏览器上点击访问如果URL正确就会自行开始下载文件名一般为vscode-server-linux-x64.tar.gz这里linux-x64和具体运行的平台有关。
(3) 通过ssh的stfp功能拷贝到服务器里面去。
对于WindTerm终端直接点击【查看】【窗格】【文件管理器】再鼠标右键点击选择【上传到当前文件夹】之后在Windows资源管理器里面选择下载的vscode-server-linux-x64.tar.gz文件等待传输完成即可。 (4) 创建vscode-server目录并且解压文件
vscode-server-linux-x64.tar.gz上传到服务器之后需要解压到指定目录下按照以下步骤即可:
cd ~ #进入用户家目录
mkdir -p .vscode-server/bin/863d2581ecda6849923a2118d93a088b0745d9d6 # 创建路径
cd .vscode-server/bin/863d2581ecda6849923a2118d93a088b0745d9d6 # 进入vscode-server执行目录
tar -zxf ~/vscode-server-linux-x64.tar.gz --strip-components 1这里需要解压文件路径需要对应上vscode-server-linux-x64.tar.gz的上传路径。 到现在为止已经成功大半了我们下面来直接使用VScode连接VScode-server试一试。 如果VScode桌面版没有安装remote-ssh插件那么可以跳过这里直接到下面的插件安装流程。 打开VScode界面通过Ctrl Shift P打开命令行界面然后输入ssh选择Connect to Host选择配置ssh连接再选择第一个配置文件文件末尾增加一个配置种类:
Host virtualbox-ubuntuHostName 192.168.56.101 # 指定IP地址User onceday # 指定登入的账户名保存后然后再通过相同操作直接选择连接到virtualbox-ubuntu后续选择Linux并且按需输入账户密码。
(如果不明白具体操作流程自行百度这部分介绍文档太多了)。
一切正常的话VScode就可以连接上“内网”ubuntu的VScode-server进行远程开发了: 3.3 配置ssh秘钥登入
上面都是通过密码登入终端还好可以自动保存密码但是对于VScode切换目录都需要重新输入密码太麻烦了因此需要使用ssh秘钥登入。
首先需要在本地如windows生成公私钥匙选择默认配置后面填自己的邮箱:
ssh-keygen -t rsa -C emailemail.com在C:/用户/具体用户目录/.ssh/id_rsa.pub里面即是公钥。把公钥复制到远程虚拟机的~/.ssh/authorized_keys和root/.ssh/authorized_keys文件中。注意是文件内容的复制authorized_keys是一个文件而非文件夹。
如果Linux服务器下无authorized_keys文件及相关目录则需要手动创建特别注意目录的权限如果权限不对那么sshd是无法完成认证流程从而导致连接失败。
onceday-~:# mkdir .ssh # 创建.ssh目录, 小数点开头
onceday-~:# chmod 700 .ssh
onceday-~:# vim .ssh/authorized_keys # 写入公钥
onceday-~:# chmod 600 .ssh/authorized_keys # 更改权限必须不可执行如下所示: 再修改一下VScode的remote-ssh配置文件加上身份文件的路径地址(也就是rsa秘钥地址):
Host virtualbox-ubuntuHostName 192.168.56.101User oncedayIdentityFile C:\Users\onceday\.ssh\id_rsa保存文件之后重启VScode并远程连接VirtualBox Ubuntu服务器就不需要再输入密码了便捷很多。
3.4 离线安装插件
VScode桌面版和VScode-server离线安装插件的方式是一样的VScode插件后缀名为vsix可以在官方插件市场直接下载: 大多数插件都是设备无关的这意味Windows/LinuxX64和Arm64都是一个安装包就可以但是对于C/C这样的插件是区分不同平台的因此下载时要选择正确的平台版本。
下面以C/C和One Dark Pro两个插件为例介绍一下安装流程。
直接访问VScode插件市场直接搜索插件名字C/C和One Dark Pro: 选择第一个插件C/C属于微软官方插件。对于其他插件则按照喜好选择看看是否符合心意。 在C/C插件页选择Version History这里有许多版本可供选择下载选择和VScode版本对应时间的插件也可以简单选择最新插件平台版本选择Linux x64因为是在X86的ubuntu服务器上运行。
对于One Dark Pro也是类似操作只是没有平台版本选择下载完毕之后拷贝到VScode桌面版设备里面去。
注意一点如果remote-ssh连接上ubuntu服务器那么VScode插件都是安装到VScode-server里面去了但每个插件生效的位置有差异并不是所有插件都应该安装到服务端所以安装VScode桌面版插件时需要断开remote-ssh连接。
比如One Dark Pro就是安装到VScode桌面版上点击【Extensions】右上方更多按钮【…(没错三个点)】 如上图所示点击Install From VSIX打开文件资源浏览界面找到目标插件双击安装等待VScode处理完毕就能看到插件了。
对于C/C这类插件则需要安装到VScode-server操作是类似的最好把VSIX文件上传到VScode-server里面这样安装起来不不容易出问题: 如上图所示在remote-ssh安装插件时可以选择show local这是指可以从桌面版文件目录中安装但效率不高不如先上传VSIX文件再安装。
其他的VScode插件安装流程都可以按照上面两个方式操作每个人可以搭建任意想要的VScode开发环境了。
4. 打包VScode-server整合包
从第三章流程可以发现离线安装VScode是一个复杂的流程如果有多台开发设备都需要搭建该环境那么有没有快捷的方式
答案就是整体打包VScode-server文件VScode-server安装完成之后会生成以下文件:
oncedayonceday-server1:~$ ll .vscode-server/
total 20216
drwxrwxr-x 6 onceday onceday 4096 Mar 17 14:39 ./
drwxr-x--- 7 onceday onceday 4096 Mar 17 14:38 ../
-rw-rw-r-- 1 onceday onceday 1302 Mar 17 13:56 .863d2581ecda6849923a2118d93a088b0745d9d6.log
-rw-rw-r-- 1 onceday onceday 5 Mar 17 11:20 .863d2581ecda6849923a2118d93a088b0745d9d6.pid
-rwx------ 1 onceday onceday 37 Mar 17 11:20 .863d2581ecda6849923a2118d93a088b0745d9d6.token*
drwxrwxr-x 3 onceday onceday 4096 Mar 17 11:06 bin/
drwxrwxr-x 3 onceday onceday 4096 Mar 17 11:19 cli/
-rw-rw-r-- 1 onceday onceday 589 Mar 17 14:42 .cli.863d2581ecda6849923a2118d93a088b0745d9d6.log
-rwxrwxr-x 1 onceday onceday 20656824 Mar 8 14:30 code-863d2581ecda6849923a2118d93a088b0745d9d6*
drwx------ 7 onceday onceday 4096 Mar 17 14:38 data/
drwx------ 8 onceday onceday 4096 Mar 17 14:40 extensions/其中bin/extensions/两个目录是初始数据其他文件都是运行文件我们使用tar打包这些文件然后到root账户下解压这样root账户就可以自然拥有onceday账户已经离线安装的插件了。
oncedayonceday-server1:~$ tar -zcf vscode-server.tar.gz .vscode-server/bin/ .vscode-server/extensions/
oncedayonceday-server1:~$ file vscode-server.tar.gz
vscode-server.tar.gz: gzip compressed data, from Unix, original size modulo 2^32 725913600
oncedayonceday-server1:~$ ll vscode-server.tar.gz -h
-rw-rw-r-- 1 onceday onceday 247M Mar 17 14:48 vscode-server.tar.gz首先需要将ssh公钥放入root账户的.ssh/authorized_keys里面然后解压vscode-server.tar.gz文件:
rootonceday-server1:~# cp /home/onceday/vscode-server.tar.gz ./
rootonceday-server1:~# tar -zxf vscode-server.tar.gz
rootonceday-server1:~# ll .vscode-server/
total 16
drwxr-xr-x 4 root root 4096 Mar 17 14:49 ./
drwx------ 7 root root 4096 Mar 17 14:49 ../
drwxrwxr-x 3 onceday onceday 4096 Mar 17 11:06 bin/
drwx------ 8 onceday onceday 4096 Mar 17 14:40 extensions/在VScode的remote-ssh配置里把root账户信息添加进去然后进行连接该账号等待片刻。VScode处理完毕之后打开插件界面会发现onceday账户离线安装好的插件此刻root账户也可用: 通过这种整合包我们可以快速在不同机器上进行拷贝复制建立众多类似的开发环境。
5. 总结
本文介绍了在Windows上搭建VirtualBox虚拟机通过虚拟机配置模拟出内网运行条件测试和验证了VScode-server离线安装方式。对于那些受限于公司内部网络环境无法连接外部网络不得不离线安装VScode的用户来说希望能提供一些帮助。
VScode是目前非常好用的编辑器跨平台开发十分方便插件种类也多不过大部分用户处于初级使用程度。本文介绍的离线安装方式需要使用者对Windows、Linux Server、网络通信、VScode运行机制都有一定的了解这个过程是每个Linux学习爱好者必经之路。 Once Day 也信美人终作土不堪幽梦太匆匆...... 如果这篇文章为您带来了帮助或启发不妨点个赞和关注再加上一个小小的收藏⭐ (◕‿◕)感谢您的阅读与支持~~~
