ubuntu下使用vscode(使用Vscode结合docker进行开发的详细过程)
ubuntu下使用vscode
使用Vscode结合docker进行开发的详细过程前言使用 Docker 与 VS Code 可以优化整个本地开发环境,加速项目进度过程。在所有环境中使用相同的基础映像,为所有开发人员提供相同的编辑器工具,可以更容易实现标准。
大型项目的团队首先必须确保安装依赖、内核版本这些开发环境是统一的。为了解决开发环境一致性的问题,常规传统的办法就是制定开发人员遵循制定指南,但是尽管如此实际开发过程还是会遇到各种障碍。
设置环境的常规方法如下图所示:
另一种解决方案是使用所有必需的库和依赖项预先配置的开发环境,开发人员可以在容器中分拆这些库和依赖项。然后,开发人员可以在容器提供的隔离环境中工作。这极大地减少了开发人员在克隆代码库以开始处理它之间花费的时间。
除了为所有开发人员提供相同的环境之外,我们可以利用它来自动安装您的项目所需的特定扩展。这可以避免工具的不一致使用,并且省去开发人员手动安装的麻烦。
以下是通过结合使用 Docker 和 VS Code 的Remote — Containers扩展来实现的。
设置在本文中,我将提供一个在 Node 环境中运行的 JavaScript 应用程序示例。阅读在容器内开发以获取所有技术堆栈的详细文档。
如果您尚未安装Docker和 VS Code,请先安装它们。在 VS Code 中安装Remote — Containers扩展。确保 Docker 正在您的机器上运行。
转到您的项目并在根目录中创建一个名为.devcontainer的文件夹。这个新文件夹包含开发容器所需的配置文件。
在.devcontainer 中创建Dockerfile和devcontainer.json并添加以下配置。
Dockerfile文件如下
# Specify the base image you want your dev container to use. # You may use the same exact base image your application would use in production for consistancy. # That could prevent surprises such as "works in local, but not in PROD". FROM node:14.17.0-alpine # Additionally you can install other dependencies for the environment while configuring the base image. # In this example, I am installing Git as the Alpine version of node does not come with one. RUN apk update RUN apk add git
devcontainer.json文件如下
{ "name": "DevContainer ReactApp", // Provide the dev container with a Dockerfile that it can use to build an image and run the container. "dockerFile": "Dockerfile", // Command(s) to run before the container is created. // In this case we are installing the node modules. "initializeCommand": "yarn install", // Starts the development server every time the container starts. // This is triggered on reopening the container as well. "postStartCommand": "yarn start", // Forward your application's port(s) running in the container to the local machine. "forwardPorts": [3000], // Required VSC code extensions that you want to automatically install for the developers to use. "extensions": [ "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "eamodio.gitlens" ] // Use the devcontainer.json reference to explore all possible configurations. // https://code.visualstudio.com/docs/remote/devcontainerjson-reference }
完成后,我们需要构建容器。为此,请使用 VS Code 命令面板中的“在容器中打开文件夹”或“在容器中重新打开”。
这应该初始化开发容器。它拉取 docker 基础镜像,配置容器,并启动开发服务器。
容器的构建和配置是一次性活动,需要时间。如果没有更改,后续重建会更快。但是,如果 devcontainer.json 或 Dockerfile 发生更改,则需要重新构建以应用更改。如果您尝试直接重新打开,系统将提示您重建。
到此这篇关于使用Vscode结合docker进行开发的的文章就介绍到这了,更多相关Vscode结合docker开发内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
- vscode开发数据库(Vscode上使用SQL的方法)
- 如何在vscode中运行linux(解决VScode配置远程调试Linux程序的问题)
- ubuntu下使用vscode(使用Vscode结合docker进行开发的详细过程)
- vscode快速生成html框架(VSCode 自定义html5模板的实现)
- reactnative混合开发教程(教你使用vscode 搭建react-native开发环境)
- ubuntu下vscode的使用教程(Vscode远程连接Ubuntu出错问题的解决方法)
- vscode报错提示框(关于在vscode使用webpack指令显示"因为在此系统中禁止运行脚本"问题)
- vscode react jsx语法 开发环境(React-vscode使用jsx语法的问题及解决方法)
- vscode react插件(基于visual studio code + react 开发环境搭建过程)
- docker socket文件丢失(解决vscode docker插件docker.socket权限问题)
- vscode如何配置python环境(VSCode Python开发环境配置的详细步骤)
- 《囧妈》为何受抵制 春节七部影片撤档背后的责任与博弈(囧妈为何受抵制)
- 提醒 2019年起河南驾考要开设科目五 官方回应来了(2019年起河南驾考要开设科目五)
- 省 市书法家协会 送万福进万家 活动走进禹州美丽乡村(省市书法家协会)
- 点赞 禹州苌庄正式撤乡建镇 未来发展不可估量(禹州苌庄正式撤乡建镇)
- 它荣获 中国生态魅力镇 称号 就在咱们禹州,一起来看看(中国生态魅力镇)
- 真牛 禹州将建成中等城市(禹州将建成中等城市)
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9