• 售前

  • 售后

热门帖子
入门百科

利用Vscode联合docker举行开发的详细过程

[复制链接]
十二音阶囤 显示全部楼层 发表于 2021-8-14 15:06:27 |阅读模式 打印 上一主题 下一主题
前言

利用 Docker 与 VS Code 可以优化整个当地开辟情况,加速项目进度过程。在所有情况中利用雷同的底子映像,为所有开辟职员提供雷同的编辑器工具,可以更容易实现标准。
大型项目标团队起首必须确保安装依靠、内核版本这些开辟情况是统一的。为相识决开辟情况同等性的问题,常规传统的办法就是订定开辟职员遵循订定指南,但是只管云云现实开辟过程还是会碰到各种停滞。
设置情况的常规方法如下图所示:

另一种解决方案是利用所有必须的库和依靠项预先设置的开辟情况,开辟职员可以在容器中分拆这些库和依靠项。然后,开辟职员可以在容器提供的隔离情况中工作。这极大地淘汰了开辟职员在克隆代码库以开始处理它之间泯灭的时间。

除了为所有开辟职员提供雷同的情况之外,我们可以利用它来自动安装您的项目所需的特定扩展。这可以制止工具的差异等利用,并且省去开辟职员手动安装的贫苦。
以下是通过结合利用 Docker 和 VS Code 的Remote — Containers扩展来实现的。
设置

在本文中,我将提供一个在 Node 情况中运行的 JavaScript 应用步伐示例。阅读在容器内开辟以获取所有技能堆栈的具体文档。
如果您尚未安装Docker和 VS Code,请先安装它们。在 VS Code 中安装Remote — Containers扩展。确保 Docker 正在您的机器上运行。
转到您的项目并在根目次中创建一个名为.devcontainer的文件夹。这个新文件夹包罗开辟容器所需的设置文件。
在.devcontainer 中创建Dockerfile和devcontainer.json并添加以下设置。
Dockerfile文件如下
  1. # Specify the base image you want your dev container to use.
  2. # You may use the same exact base image your application would use in production for consistancy.
  3. # That could prevent surprises such as "works in local, but not in PROD".
  4. FROM node:14.17.0-alpine
  5. # Additionally you can install other dependencies for the environment while configuring the base image.
  6. # In this example, I am installing Git as the Alpine version of node does not come with one.
  7. RUN apk update
  8. RUN apk add git
复制代码
devcontainer.json文件如下
  1. {
  2.     "name": "DevContainer ReactApp",
  3.     // Provide the dev container with a Dockerfile that it can use to build an image and run the container.
  4.     "dockerFile": "Dockerfile",
  5.     // Command(s) to run before the container is created.
  6.     // In this case we are installing the node modules.
  7.     "initializeCommand": "yarn install",
  8.     // Starts the development server every time the container starts.
  9.     // This is triggered on reopening the container as well.
  10.     "postStartCommand": "yarn start",
  11.     // Forward your application's port(s) running in the container to the local machine.
  12.     "forwardPorts": [3000],
  13.     // Required VSC code extensions that you want to automatically install for the developers to use.
  14.     "extensions": [
  15.         "dbaeumer.vscode-eslint",
  16.         "esbenp.prettier-vscode",
  17.         "eamodio.gitlens"
  18.     ]
  19.     // Use the devcontainer.json reference to explore all possible configurations.
  20.     // https://code.visualstudio.com/docs/remote/devcontainerjson-reference
  21. }
复制代码
完成后,我们必要构建容器。为此,请利用 VS Code 命令面板中的“在容器中打开文件夹”或“在容器中重新打开”。


这应该初始化开辟容器。它拉取 docker 底子镜像,设置容器,并启动开辟服务器。


结语

容器的构建和设置是一次性运动,必要时间。如果没有更改,后续重修会更快。但是,如果 devcontainer.json 或 Dockerfile 发生更改,则必要重新构建以应用更改。如果您实验直接重新打开,系统将提示您重修。
到此这篇关于利用Vscode结合docker举行开辟的的文章就先容到这了,更多相干Vscode结合docker开辟内容请搜索草根技能分享以前的文章或继续欣赏下面的相干文章盼望大家以后多多支持草根技能分享!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作