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

1. 确保前提条件

• 本地安装 VS Code 和须要扩展：
  
  
  
  • 确保本地安装了 Visual Studio Code。
    
  • 安装 Remote - SSH 和 Dev Containers 扩展：
    
    
    
    • 打开 VS Code，进入扩展市场 (快捷键：Ctrl+Shift+X)，搜刮并安装这两个扩展。
      
    
    
  
  
• 远程服务器配置好 SSH：
  
  
  
  • 确保你可以通过 SSH 无密码登录到远程服务器。
    
  • 测试下令：
    1. [/code] [code]ssh username@remote-server

    复制代码
    
    
  
  
• 远程服务器已安装 Docker：
  
  
  
  • 确保 Docker 服务正在运行。
    
  • 测试下令：
    1. [/code] [code]docker ps

    复制代码
    
    
  
  

2. 连接远程服务器

• 使用 Remote - SSH：
  
  
  
  • 在 VS Code 中按 Ctrl+Shift+P，打开下令面板。
    
  • 输入 Remote-SSH: Connect to Host，选择远程服务器。
    
  • 如果没有配置过，点击 Configure SSH Hosts，添加雷同以下内容到你的 ~/.ssh/config 文件中：
    1. [/code] [code]Host remote-server
    2.     HostName your.server.ip
    3.     User your-username
    4.     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 配置：

1. [/code] [code]{
2.   "image": "mcr.microsoft.com/devcontainers/typescript-node",
3.   "forwardPorts": [3000],
4.   "postCreateCommand": "npm install",
5.   "customizations": {
6.     "vscode": {
7.       "extensions": ["dbaeumer.vscode-eslint", "streetsidesoftware.code-spell-checker"]
8.     }
9.   }
10. }

复制代码

详细参数参考： 开始在 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企服之家，中国第一个企服评测及商务社交产业平台。