自由的羽毛 发表于 2025-3-4 08:47:33

我现在vscode远程服务器,而且在服务器中创建一个容器,我现在想在我这个电

1. 确保前提条件


[*] 本地安装 VS Code 和须要扩展:

[*]确保本地安装了 Visual Studio Code。
[*]安装 Remote - SSH 和 Dev Containers 扩展:

[*]打开 VS Code,进入扩展市场 (快捷键:Ctrl+Shift+X),搜刮并安装这两个扩展。


[*] 远程服务器配置好 SSH:

[*]确保你可以通过 SSH 无密码登录到远程服务器。
[*]测试下令: ssh username@remote-server


[*] 远程服务器已安装 Docker:

[*]确保 Docker 服务正在运行。
[*]测试下令: docker ps


2. 连接远程服务器


[*]使用 Remote - SSH:

[*]在 VS Code 中按 Ctrl+Shift+P,打开下令面板。
[*]输入 Remote-SSH: Connect to Host,选择远程服务器。
[*]如果没有配置过,点击 Configure SSH Hosts,添加雷同以下内容到你的 ~/.ssh/config 文件中: Host remote-server
    HostName your.server.ip
    User your-username
    IdentityFile ~/.ssh/id_rsa

[*]选择 remote-server,连接到远程服务器。

 

 
3. 打开 Dev Containers


[*]在远程服务器的 VS Code 界面,按 Ctrl+Shift+P 调出下令面板。
[*]输入并选择 Dev Containers: Attach to Running Container。
[*]会表现远程服务器上正在运行的所有 Docker 容器,选择目的容器。
编辑容器中的代码



[*]连接成功后,VS Code 会加载容器内的文件体系。
[*]你可以直接在本地 VS Code 中查看和编辑容器内的代码,就像本地开发一样。
 
3. Dev Containers 的加强功能

如果你渴望通过 devcontainer.json 文件来优化开发环境,可以参考以下内容:
示例 devcontainer.json 配置:

{
"image": "mcr.microsoft.com/devcontainers/typescript-node",
"forwardPorts": ,
"postCreateCommand": "npm install",
"customizations": {
    "vscode": {
      "extensions": ["dbaeumer.vscode-eslint", "streetsidesoftware.code-spell-checker"]
    }
}
}
详细参数参考: 开始在 Visual Studio Code 中 Dev Containers _Vscode中文网
Developing inside a Container using Visual Studio Code Remote Development
Running Visual Studio Code on Linux
使用方法:


[*]在你的项目根目录下创建 .devcontainer 文件夹。
[*]在此中创建 devcontainer.json 文件。
[*]在 VS Code 中选择 Dev Containers: Reopen in Container 来加载开发环境。
 

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 我现在vscode远程服务器,而且在服务器中创建一个容器,我现在想在我这个电