VSCode使用docker环境进行开发

这篇具有很好参考价值的文章主要介绍了VSCode使用docker环境进行开发。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

为什么要使用使用docker环境进行开发?

1、切换环境时,只需要切换连接的镜像;
2、在不同系统进行开发时,均可以连接一个标准镜像,从而统一开发环境;
3、纯净开发环境,本机只需简单安装vscode

如何搭建docker服务?

前提需要在本地安装docker,打开终端执行docker version打印相关信息表示已经安装docker。

1、选择docker容器中需要使用的node版本,并拉取对应版本镜像

docker pull node:18.16.0

2、使用DockerFile构建镜像

FROM node:18.16.0

WORKDIR /web

# 测试启动服务
ADD . /web

# >>>>>>>>>> 安装 node 依赖
RUN npm config set registry https://registry.npmjs.org/

RUN npm install

RUN npm install -g @vue/cli

# >>>>>>>> 安装ssh环境配置(重要)
RUN apt-get update -y && \
    apt-get install -y openssh-server

# 修改登录账户密码
RUN echo "root:123456" | chpasswd

COPY ./docker/sshd_config /etc/ssh/sshd_config

# 指定开放的端口
EXPOSE 8088 22

CMD service ssh restart && tail -f > /dev/null

3、开始构建镜像

docker build -f ./docker/DockerFile -t front_server .

-f 表示DockerFile文件相对路径,需要修改成自己对应路径

4、启动docker服务

docker run -p 10000:8088 -p 10002:22 -d front_server

-p 表示端口映射,后面连接容器时需要使用
-d 表示使用的镜像,默认最新版本的镜像

5、检查是否启动服务,若打印对应的容器信息表示启动正常

docker ps | grep front_server

如何使用vscode连接docker?

1、打开vscode,安装拓展插件Remote - SSH
vscode docker,docker,vscode,容器

2、测试连接docker
点击vscode左侧最下面的图标打开ssh连接界面,并在输入框输入以下命令进行ssh连接,之后会需要选择连接身份信息保存路径,默认即可。
vscode docker,docker,vscode,容器

在启动服务时,将本地的10002端口映射到容器中的22端口,因此在连接容器时只需要执行以下命令进行连接:

ssh -p 10002 root@127.0.0.1

密码在DockerFile文件中,默认为123456
vscode docker,docker,vscode,容器

最后,在vscode中打开容器中的代码

在这里完成了使用docker环境进行开发的全部步骤
vscode docker,docker,vscode,容器文章来源地址https://www.toymoban.com/news/detail-597732.html

到了这里,关于VSCode使用docker环境进行开发的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【服务器使用】vscode & winscp进行服务器容器连接(含修改初始密码)

    例如节点(host)、端口(port)、密码(passwd)等信息,这个自己找组内的前辈获取即可 找到vscode里面ssh处的config文件 人工找不到的可以用【everything】模糊搜索,输入【sshconfig】即可  右键点击【打开路径】,进入config文件所在的位置 右键点击【config】,选择【通过Code打

    2024年01月21日
    浏览(45)
  • 基于WSL2+Docker+VScode搭建机器学习(深度学习)开发环境

    内容概述 :由于最近配发了新的工作电脑但不想装双系统,因此通过本博文来记录基于Windows子系统WSL+Docker搭建机器学习与深度学习开发环境的流程步骤,同时记录该过程中所遇到的相关问题及解决方案。期待为同行学习者提供参考; 最终效果 :在Windows电脑上,无需安装

    2024年02月04日
    浏览(41)
  • 使用vscode进行远程开发服务器配置

    1.下载vscode 2.给vscode 安装python 和 remote ssh插件 remote—SSH扩展允许您使用任何具有SSH服务器的远程机器作为您的开发环境。 3.安装remote-SSH插件之后,vscode左侧出现电脑图标,即为远程服务,按图依次点击,进行服务器配置。 按照如上格式进行配置,其中 Host是指你给这个远程

    2024年02月14日
    浏览(51)
  • C#配置开发环境使用vscode

    1、步骤 (1)下载安装.net (2)测试.net环境 (3)配置vscode的C# 2、操作 (1)下载安装.NET       1.1  简介: .NET是一个类似JDK的.NET SDK概念, 你可以理解为是一个跨平台的运行时环境(runtime) + 命令行等开发者工具的集合。下载链接: https://dotnet.microsoft.com/zh-cn/download        

    2024年02月11日
    浏览(49)
  • M1 Pro 利用docker 搭建pytho2的开发环境,以vscode连接开发为例

    使用 M1 Pro (不支持python2的安装)开发,需要使用 Python 2.7 的环境,在使用 pyenv 安装 Python 2 时遇到了各种奇怪的问题。最终,我决定使用 Docker 搭建开发环境,并使用 VS Code 连接到本地容器。以下是详细的步骤总结(Markdown 格式): 安装 Docker:首先,确保已在 M1 Pro 上安装

    2024年02月11日
    浏览(36)
  • 使用vscode进行python的单元测试,提高开发效率

    单元测试在我们的开发过程中非常有必要,它可以验证实现的一个函数是否达到预期。以前在学校写代码时,都是怼一堆代码,然后直接运行,如果报错再一步步调试,这样大部分时间都浪费在调试工作上。工作后发现大家都使用单元测试,这样做其实更规范,也提高了开发

    2024年02月03日
    浏览(57)
  • 使用VSCODE配置GO语言开发环境

    1. 安装GO SDK 官方下载地址是:golan.google.cn/dl 2. 安装完毕后,会自动在配置文件中加入一些内容,其中比较重要的三个是: GOROOT(具体GO语言在硬盘上安装的位置,比如D:/GO) GOPATH(未来使用go install安装第三方工具包时,都会安装在GOPATH指定文件夹下的src或bin目录下,比如

    2024年02月06日
    浏览(44)
  • 【微信小程序】使用vscode进行小程序项目的开发

    如果我们不想写wxss,想写less、scss,但是less、scss以前都是编译成css的,这时候我们可以进行在vscode环境配置的设置 下载插件 想利用本身已经熟悉的prettier功能、vscode环境配置的设置⬇ 虽然可以利用vscode进行小程序代码的开发,但是“微信开发者工具”是脱离不了的,因为需

    2024年02月05日
    浏览(43)
  • 使用VSCode开发 Python虚拟环境配置说明

    这里给大家介绍下怎么配置VSCode的环境来开发Python。 介绍: VSCode是一款由Microsoft开发的免费、开源的代码编辑器。它具有许多优势,使其成为许多开发者喜爱的工具之一。以下是一些VSCode的主要优势: 轻量且快速启动: VSCode是一款轻量级的编辑器,启动速度很快,使开发者

    2024年01月23日
    浏览(57)
  • vscode 使用ssh进行远程开发 (remote-ssh)

    visual studio code remote - ssh 可以通过ssh连接远程主机、虚拟机,打开远程文件夹,并利用vscode 的插件优势进行远程开发、调试等。 一、配置环境 因为remote-ssh 的ssh连接是基于openssh实现的,以及后续我们需要使用生成ssh密钥需要git,所以我们需要准备: OpenSSH Git版本不低于1.9 如

    2024年02月12日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包