VsCode轻松使用docker容器-Remote Containers

VsCode轻松使用docker容器-Remote Containers

演示视频:BiliBili

使用docker容器过程中,最常见的操作是进入容器内查看文件、修改配置等操作

  • 以前

使用shell进入容器内,使用linux命令操作

  1. docker ps
  2. docker exec -it <container-id> sh
  • 使用VsCode插件Remote Containers

像VsCode操作本地文件一样去查看文件、修改配置。可以界面化得操作文件,不需要使用shell命令(如:ls cat echo vi等)

安装VsCode插件

  1. 打开VsCode
  2. 进入拓展界面
  3. 搜索”Remote”/“Docker”,并安装插件(一般在最前面)
    • “Docker”
    • “Remote - Containers”
    • “Remote - ssh”

Remote.png

操作容器

  1. 点击VsCode左侧,”docker”图标
  2. 右键正在运行的容器,点击”Attach Visual Studio Code”
  3. 如果弹窗提示需要信任,点击”Got It”即可
  4. 此时会打开新窗口,就进入了容器内
  5. 点击打开文件/文件夹,直接进行操作即可

OpenLocalhost.png

远程服务器

开发过程中,往往部署服务会在服务器上,所以需要远程到服务器上部署docker,下面服务器为ubuntu

  1. 点击VsCode左侧,”远程连接”图标
  2. 切换为”SSH Targets”
  3. 点击”+”创建远程连接信息,按提示填入信息
  4. 创建完成后生成连接选项,右键连接
  5. 点击VsCode左侧,”拓展”图标
  6. 将上述三个拓展装到服务器上,即可看到VsCode侧边栏出现容器图标

增加用户权限

  1. 点击VsCode左侧,”Docker”图标,发现无法连接
  2. 需要将登陆用户添加到docker用户组中
    1. sudo gpasswd -a <当前登陆用户名> docker
    2. # 例如: sudo gpasswd -a xuxiaocong docker
    3. # 从用户组中删除: sudo gpasswd -d <当前登陆用户名> docker
  3. 重启服务器即可使用

    1. sudo reboot

    remoteDocker.png

  4. 重启过后即可像在自己电脑中一样,操作docker了

使用SSH key减少输入密码

远程到服务器后,很多操作需要输入密码,使用起来不方便,可以使用SSH key减少密码输入

  1. 打开本机的cmd,创建SSH key
    1. ssh-keygen
  2. 打开SSH目录,”C:\Users\<用户名>.ssh”
  3. 可以看到目录下有四个文件,打开公钥”id_rsa.pub”并复制
  4. 登陆远程服务器
  5. 打开远程服务器的SSH目录,”/home/<用户名>/.ssh/authorized_keys”
    • 没有.ssh目录进新建一个
    • 没有authorized_keys文件就新建一个
  6. 将复制的本机的公钥粘贴到authorized_keys文件中
  7. 之后再登陆或其他操作就不需要再输入密码了

文章标签:

原文连接:https://juejin.cn/post/7110235194124140574

相关推荐

VSCode 居然是个娱乐软件?让你 high 到爆的几款插件!

windows10:vscode下go语言的适配

实现 VSCode 代码诊断和快速修复(二)

vscode 解析——如何维护海量模块依赖关系(二)

【玩转CSS】盒子模型

Api2ts 的 vscode 插件开发

eslint与prettier以及vetur的关系,以及它们都是在vscode里面如何起作用的。

在VSCode上运行C/C++程序【满满的干货】

Windows 11和vscode终端美化

编写一个VSCode插件

VsCode更新后,怎么使用使用快捷键同时生成多个元素

浏览器内写代码,微软发布 VS Code Server!

VSCode的 感叹号+回车 || !+ enter 不能扩展 HTML 语法模板了

!+tab快捷键“失灵”?,vscode自定义html快捷模板

这就是最好用的VSCode头部注释插件,Fileheader Pro登场

从零开始撸一个 VSCode Extension

【中兴】web训练营~一文带你走进前端 | 百图制作

【前端】HTML标签(下)

VSCode中值得推荐的常用的33个高效前端插件「效率篇」(三)

VSCode中值得推荐的常用的33个高效前端插件「效率篇」(二)