VSCode 远程服务器配置

1. 安装 VSCode

首先，需要在本地计算机上安装 VSCode。可以在官网上下载安装包，安装完成后打开。

2. 安装插件

在 VSCode 中安装 Remote Development 插件，该插件可以帮助我们在本地计算机上连接到远程服务器。

在 VSCode 中打开 Extensions 扩展面板，搜索“Remote Development”，然后安装。

3. 配置 SSH

在远程服务器上，需要安装和配置 SSH，以便在本地计算机上进行远程连接。具体步骤如下：

（1）安装 OpenSSH

使用以下命令安装 OpenSSH：

sudo apt-get install openssh-server

（2）配置 SSH

在远程服务器上，需要在 /etc/ssh/sshd_config 文件中添加以下配置：

# Allow remote connections
AllowUsers username

其中，username 是你在远程服务器上的用户名。

在修改 /etc/ssh/sshd_config 文件后，需要重启 SSH 服务：

sudo service ssh restart

（3）生成 SSH 密钥

在本地计算机上，需要生成 SSH 密钥。可以使用以下命令生成：

ssh-keygen

生成 SSH 密钥后，将公钥上传到远程服务器的 ~/.ssh/authorized_keys 文件中：

cat ~/.ssh/id_rsa.pub | ssh username@remote_host "mkdir -p ~/.ssh && cat >>  ~/.ssh/authorized_keys"

其中，username 是你在远程服务器上的用户名，remote_host 是远程服务器的 IP 地址或域名。上传公钥后，需要输入远程服务器的密码进行验证。

4. 连接远程服务器

在本地计算机上，使用 VSCode 打开一个新窗口，然后按 Ctrl+Shift+P 键，输入“remote-ssh”，选择“Remote-SSH: Connect to Host”选项。

在弹出的界面中，选择“Add New SSH Host”选项，然后输入远程服务器的 IP 地址或域名、用户名和密码，保存后会在 VSCode 左下角出现一个“Remote-SSH”图标。

点击“Remote-SSH”图标，选择刚才添加的远程服务器，即可连接到远程服务器。

5. 在远程服务器上打开文件

连接到远程服务器后，可以在 VSCode 中打开远程服务器上的任何文件。在 VSCode 中按 Ctrl+Shift+P 键，输入“remote-ssh”，选择“Remote-SSH: Open Folder”选项。

在弹出的界面中，选择远程服务器上的文件夹，即可在 VSCode 中打开该文件夹。

6. 远程调试

在 VSCode 中，可以进行远程调试。在本地计算机上打开一个新窗口，在 VSCode 中按 Ctrl+Shift+D 键，打开“调试”面板。

在“调试”面板中，点击左上角的“添加配置”按钮，选择“Node.js: Attach to Remote Server”选项。然后在“launch.json”文件中修改以下配置：

{
    "type": "node",
    "request": "attach",
    "name": "Attach to Remote Server",
    "address": "remote_host",
    "port": 9229,
    "localRoot": "${workspaceFolder}",
    "remoteRoot": "/path/to/project",
    "protocol": "inspector"
}

其中，remote_host 是远程服务器的 IP 地址或域名，/path/to/project 是项目在远程服务器上的路径。

修改完“launch.json”文件后，在“调试”面板中点击“启动调试”，即可开始远程调试。