超算平台入门教程——VS Code 安装与远程连接
1.3 VS Code
1.3.1 简介
Visual Studio Code（简称VS Code）是一款轻便但功能强大的源代码编辑器，可以在你的电脑上运行，并且支持Windows、macOS和Linux操作系统。它内置了对JavaScript、TypeScript和Node.js的支持，并且有丰富的扩展插件，适用于其他编程语言和运行环境（如R、C/C++、C#、Java、Python、PHP、Go、.NET等）。
1.3.2 优势及不足
1.3.2.1 优势
开源免费：与整个社区深入合作，倾听用户在 GitHub 上的反馈，使 VS Code越做越好。
跨平台支持：支持Windows、macOS和Linux操作系统，允许开发者在不同的平台上使用相同的工具，提高了跨平台开发的便利性。
轻量级但强大：轻量级源代码编辑器，启动迅速，占用较少系统资源，但功能强大，包括智能代码提示、调试支持、Git集成等。
丰富的扩展：拥有庞大的扩展市场，用户可以根据自己的需求安装插件和扩展，涵盖了各种编程语言和工具。
内置支持：内置了对多种编程语言的支持，如JavaScript、TypeScript和Node.js，无需额外的配置即可基于这些语言进行开发。
集成的调试器：内置调试器使得识别和修复问题变得更加容易，提高了开发效率。
版本控制支持：与版本控制系统（如Git）深度集成，使团队协作和源代码管理更加顺畅。
高度可定制：允许用户高度自定义其界面和功能，包括主题、键盘快捷键和代码片段等。
1.3.2.2 不足
功能限制：可能不如一些其他集成开发环境（IDE）如RStudio或Visual Studio功能丰富。
界面和自定义性：一些用户可能会觉得软件界面不够直观，或者与其他IDE相比，可自定义性不够强大。
不适用于某些开发类型：对于某些特定类型的开发，如移动应用程序开发或游戏开发，VS Code可能不如其他工具更适用。
性能问题：在处理大型代码库或项目时可能会遇到性能问题，可能会导致编辑和操作速度变慢。
部分功能需要插件：某些功能可能不包含在基础版本中，需要安装额外插件才能使用。
1.3.3 安装
下载安装程序：在点击Download for Windows后自动开始下载当前最新的稳定版本。
运行安装程序：双击下载的安装程序（如：VSCodeUserSetup-x64-1.82.2.exe）进入安装引导。若出现"当前无法访问>SmartScreen"的弹窗，是因为一些特殊原因无法访问Windows Defender SmartScreen，如无网络连接等，导致Windows无法判断该安装的安全性。所以弹出提示窗口让用户手动判断是否运行该应用。由于该软件安装包我们是从官网下载的，可以保证其安全性，所以我们点击运行即可。注意：若此时系统中已有VS Code正在运行，则会提示用户先退出VS Code软件。
选择目标位置：可以自定义软件的安装位置，但需要注意的是，当目前计算机上没有安装VS Code时才会出现此窗口，若检测到已经安装了该软件，则会默认安装到现有VS Code的安装路径，类似于升级该软件，此时不会出现此窗口而是直接进入到下一步。
许可协议：软件许可协议，点选我同意此协议，然后点击下一步。
选择附加任务：选择需要程序在安装过程中需要执行的额外任务，这里建议取消勾选将Code注册为受支持的文件类型的编辑器，其其他选项都勾选上。
将“通过code打开”操作添加到Windows资源管理器文件（目录）上下文菜单：若勾选这两个选项，在Windows的资源管理器中选中某个文件（夹）时并按鼠标右键，可以看到"通过code打开"这个选项。
将code注册为受支持的文件类型的编辑器：默认使用VS Code打开诸如.txt，.py等文本类型的文件，一般建议不勾选
添加到PATH（重启后生效）：建议勾选，这样可以使用控制台（如Windows的cmd）打开VS Code 了
准备安装：列出用户自定义的一些可选择选项以供用户核对。根据计算机上是否已安装VS Code软件，会有以下两种不同界面。确认信息无误后点击安装即正式进入安装环节。
安装完成：点击“完成”即可，用户还可以选择是否立即运行刚刚安装的VS Code软件。
运行已安装好的VS Code：运行VS Code后需要注意右下角的提示信息，里面有软件给出的建议等。
1.3.4 连接到远程计算机
VS Code可以通过SSH或隧道等方式连接到远程计算机，我们这里只介绍SSH连接这一种方式。
VS Code Server是一个可以在远程机器（计算机）上运行的服务 ，VS Code的远程开发扩展让你在 Windows Subsystem for Linux（WSL）、通过 SSH 远程访问的远程机器以及直接从 VS Code 中的开发容器中工作。这些扩展在远程环境上安装了一个服务器（server），允许本地的 VS Code 与远程源代码和运行时无缝交互。进行远程服务器连接前需要在VS Code中安装remote - SSH、remote - Tunnels或WSL等插件。
VS Code Server的应用场景有：
在SSH支持可能受到限制的远程计算机上开发，或需要基于web的访问。
在不支持安装VS Code桌面的机器上开发，如平板电脑或Chromebook（网络笔记本）。
体验所有代码都在浏览器沙箱中执行的客户端安全优势。
1.3.4.1 VS Code Server在线安装
VS Code Server是远程开发扩展的一个组件，由VS Code客户端管理。当它连接到终端时，它会由VS Code自动安装和更新，如果单独安装，可能会很快过时。
插件安装：通过SSH连接到远程计算机需要第三方插件的支持，所以我们需要在VS code中安装remote - SSH插件。
打开远程窗口：点击界面左下角的><图标，即连接到主机按钮。
选择连接方式：选择选项中的连接到主机... remote - SSH。
指定主机位置：当VS Code中没有已配置好的主机，或需要连接新的主机时，直接输入主机地址（用户名@ip地址）或选择配置 SSH 主机，通过编辑配置文件以指定主机位置。
选择系统：选择远程计算机的操作系统（通常为Linux）。
确认指纹：若是首次连接到该远程计算机，VS Code会提示远程计算机的Key信息，点击继续即可。
用户验证：输入登陆账户在远程计算机登陆需要的密码（密钥）信息。
设置主机：若VS Code检测到远程计算机没有安装与其版本匹配的VS Code Server，则会自动下载。下载通常有两种情况，若远程计算机已连接网络，则会在远程主机上下载；若是远程计算机没有网络条件，则会在本地计算机下载VS Code Server，然后通过scp复制到远程主机进行解压部署。
成功连接：VS Code Server正常安装后VS Code则能成功连接到远程计算机，此时我们则可以在VS Code中与远程计算机进行文件和命令的交互。
1.3.4.2 离线安装
离线安装有以下两种方式：
一、从其他远程主机复制
若是我们有多个远程主机，而其中一些远程主机上已经安装与VS Code匹配的最新版本的VS Code Server，我们可以相应的文件直接打包复制到需要安装VS Code Server的远程主机，而不需要VS Code连接后再自动下载安装。
VS code版本：在VS Code界面的顶部工具栏最右侧找到”帮助“选项，然后点击弹出菜单栏中的关于。
版本id：VS Code Server与VS Code都是一一对应的关系，所以我们找到版本信息界面后复制版本id（commit id）。
VS Code Server版本：查看远程（Linux）计算机上是否已安装与VS Code客户端版本相匹配的VS Code Server。
## 首先确认远程服务器上已安装相应版本的VS Code Server
ls ${HOME}/.vscode-server/bin/abd2f3db4bdb28f9e95536dfa84d8479f1eb312d
打包文件夹：将以commit id命名的文件夹进行打包压缩。
## 将以commit id命名的文件夹进行打包压缩
cd ${HOME}/.vscode-server/bin
tar -czvf abd2f3.tar.gz abd2f3db4bdb28f9e95536dfa84d8479f1eb312d
创建文件夹：在需要安装VS Code Server的远程计算机上创建需要的bin目录。
## 创建文件夹
mkdir -p ${HOME}/.vscode-server/bin
复制解压：把上述压缩文件复制到需要安装VS Code Server的远程计算机的${HOME}/.vscode-server/bin文件夹下，然后解压。
## 在bin目录下解压文件
tar -xzvf abd2f3.tar.gz
远程连接：按照 1.3.4.1的步骤连接到远程计算机。
配置：VS Code对远程的Server进行进一步配置。
二、下载VS Code Server源文件
下载源文件：根据上面查询到的目前VS Code的版本，将链接：https://update.code.visualstudio.com/commit:commit_id/server-linux-x64/stable中的commit_id替换为当前版本的commit id（如：https://update.code.visualstudio.com/commit:abd2f3db4bdb28f9e95536dfa84d8479f1eb312d/server-linux-x64/stable），然后粘贴到浏览器中下载该文件。
按照1.3.4.1中的步骤将文件复制到需要安装VS Code Server的远程计算机上，解压后用VS Code
⚠️ 转载声明：感谢您对文章内容的认可，转载请联系微信公众号“房子下面一头猪”获得授权，转载后请在醒目位置标明来源，且禁止声明原创。
供稿：李伟宁
编辑：张嘉雯
校对：李伟宁
团队其他公众平台：
Bilibili | 房子下面一头猪
知乎 | 房子下面一头猪(https://www.zhihu.com/people/mang-guo-c-60-10)
微信公众号 | 房子下面一头猪(https://github.com/CAU-TeamLiuJF)
