VScode连接远程服务器踩坑实战记录(新版离线vscode-server安装)
<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li><a href="#_label0">1、VScode扩展安装与配置</a></li><ul class="second_class_ul"><li><a href="#_lab2_0_0">（1）vscode扩展安装</a></li><li><a href="#_lab2_0_1"> （2）vscode远程配置</a></li></ul><li><a href="#_label1">2、vscode-server离线下载</a></li><ul class="second_class_ul"><li><a href="#_lab2_1_2">（1）Commit ID查看</a></li><li><a href="#_lab2_1_3">（2）安装包下载 </a></li></ul><li><a href="#_label2">3、文件解压缩</a></li><ul class="second_class_ul"></ul><li><a href="#_label3">4、移动文件到指定位置</a></li><ul class="second_class_ul"></ul><li><a href="#_label4">5、vscode的一些更新设置</a></li><ul class="second_class_ul"></ul><li><a href="#_label5">6、快乐连接远程服务器！</a></li><ul class="second_class_ul"></ul></ul></div><p>想要用VScode连接远程服务器，但远程服务器并没有连接外网，因此需要离线手动安装vscode-server但网上的方法都是旧版本的安装，没有新版本的配置。因此记录一下我都踩坑实战。</p><p class="maodian"><a name="_label0"></a></p><h2>1、VScode扩展安装与配置</h2>
<p class="maodian"><a name="_lab2_0_0"></a></p><h3>（1）vscode扩展安装</h3>
<p>去到vscode里面安装所需要的扩展，这里我安装是下面三个扩展包</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582232.jpg" /></p>
<p class="maodian"><a name="_lab2_0_1"></a></p><h3> （2）vscode远程配置</h3>
<p>安装完成后会出现一个小电脑，直接点击，进入设置里面进行配置</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582233.png" /></p>
<p>配置内容如下：</p>
<blockquote><p>Host xxx<br /> HostName xxx.xxx.xxx.xxx<br /> Port xx<br /> User xxx<br /> IdentityFile "xxx"</p></blockquote>
<p>Host可以和HostName一样，HostName是你的IP地址，Port是端口（一般为22），User是用户名（我这里是root），IdentityFile是密码。</p>
<p class="maodian"><a name="_label1"></a></p><h2>2、vscode-server离线下载</h2>
<p class="maodian"><a name="_lab2_1_2"></a></p><h3>（1）Commit ID查看</h3>
<p>点击Help-> About即可查看</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582234.png" /></p>
<p class="maodian"><a name="_lab2_1_3"></a></p><h3>（2）安装包下载 </h3>
<p>原始旧版本的下载地址</p>
<blockquote><p>https://update.code.visualstudio.com/commit:${commit_id}/server-linux-x64/stable<br />这里将${commit_id}替换为你自己的Commit ID</p></blockquote>
<p>但由于我的vscode版本更新了，因此新的下载内容应该为：</p>
<blockquote><p>https://vscode.download.prss.microsoft.com/dbazure/download/stable/${commit_id}/vscode-server-linux-x64.tar.gz<br />https://vscode.download.prss.microsoft.com/dbazure/download/stable/${commit_id}/vscode_cli_alpine_x64_cli.tar.gz</p></blockquote>
<p>下载完成得到的tar.gz文件</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582235.png" /></p>
<p class="maodian"><a name="_label2"></a></p><h2>3、文件解压缩</h2>
<p>进入到远程服务器，创建.vscode-server目录</p>
<div class="jb51code"><pre class="brush:bash;">mkdir -p ~/.vscode-server/bin
mkdir -p ~/.vscode-server/cli</pre></div>
<p> 将下载的文件上传到服务器</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582236.png" /></p>
<p>对两个文件进行解压</p>
<div class="jb51code"><pre class="brush:bash;">tar -zxf vscode-server-linux-x64.tar.gz
tar -zxf vscode_cli_alpine_x64_cli.tar.gz</pre></div>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582237.jpg" /></p>
<p class="maodian"><a name="_label3"></a></p><h2>4、移动文件到指定位置</h2>
<p> 具体的目录结构为</p>
<div class="jb51code"><pre class="brush:plain;">📦.vscode-server
┣━ 📁bin# 存放旧方法下的vscode commit相关文件
┃ ┗━ 📁${commit_id1}
┃ ┗━ 📁${commit_id2}
┃ ┗━ ···
┣━ 📁cli# 存放新方法下的vscode commit相关文件
┃ ┗━ 📁servers
┃ ┃ ┗━ 📁Stable-${commit_id}
┃ ┃ ┃ ┗━ 📁server
┃ ┃ ┃ ┗━ ···
┃ ┃ ┗━ ···
┃ ┗━ 📜iru.json# 存放最近的vscode commit_id
┣━ 📜code-${commit_id}# 存放vscode_cli_alpine_x64_cli.tar.gz解压后名为code的文件,并将其改名为code-${commit_id}
┣━ 📁data
┗━ 📁extensions</pre></div>
<p>第一个文件 <strong>vscode-server-linux-x64.tar.gz </strong>解压解包后名为 <a href="https://passport.csdn.net/oauth2?response_type=code&client_id=19acf83341a5de9c76a40757e5ed74e4&redirect_uri=https%3A%2F%2Fgitcode.com%2Foauth%2Fcallback%3Ftype%3Dcsdn&scope=all&state=449bc33fd74ed385c4ade0370cbe9f75_getcsdnpassportuv" rel="external nofollow"target="_blank">vscode-server-linux-x64</a> 文件夹改名为 server 放在 /home/${user}/.vscode-server/cli/servers/Stable-${commit_id}/ 目录下.</p>
<div class="jb51code"><pre class="brush:bash;"># 重命名
mv vscode-server-linux-x64 server
# 移动
mv server ~/.vscode-server/cli/servers/Stable-e10f2369d0d9614a452462f2e01cdc4aa9486296/</pre></div>
<p>第二个文件 <strong>vscode_cli_alpine_x64_cli.tar.gz</strong> 解压解包后名为 code 的文件改名为 code-${commit_id}放在/home/${user}/.vscode-server/目录下</p>
<div class="jb51code"><pre class="brush:bash;">mv code ~/.vscode-server/code-e10f2369d0d9614a452462f2e01cdc4aa9486296</pre></div>
<p>可自行在cli下面创建一个iru.json文件，内容为["Stable-$commit_id"]</p>
<p>大功告成！</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582238.png" /></p>
<p class="maodian"><a name="_label4"></a></p><h2>5、vscode的一些更新设置</h2>
<p>此时进行连接还有可能一进去就会下载文件，但又下载不成功，这时候我们只需要关闭vscode-server的自动下载功能就好。</p>
<p>点击Remote-SSH的setting</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582239.jpg" /></p>
<p>找到Local Server Download 设置为off即可</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582240.png" /></p>
<p>为了避免commit过期，还可以把vscode的自动更新关闭</p>
<p> 找到左下角的齿轮，点击setting，搜索update，将Mode改为manual（手动）即可</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202410/2024101810582241.jpg" /></p>
<p class="maodian"><a name="_label5"></a></p><h2>6、快乐连接远程服务器！</h2>
<p>点击小电脑，点击箭头，即可连接成功啦！！</p>
<p style="text-align:center"><img alt="" height="280" src="https://img.jbzj.com/file_images/article/202410/2024101810582342.png" width="283" /></p>
<p>到此这篇关于VScode连接远程服务器踩坑实战（新版离线vscode-server安装）的文章就介绍到这了,更多相关VScode连接远程服务器内容请搜索琼殿技术社区以前的文章或继续浏览下面的相关文章希望大家以后多多支持琼殿技术社区！</p>
頁:
[1]