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中运行linux(解决VScode配置远程调试Linux程序的问题)
- vscode如何配置python环境(VSCode Python开发环境配置的详细步骤)
- vscode快速生成html框架(VSCode 自定义html5模板的实现)
- vscode react插件(基于visual studio code + react 开发环境搭建过程)
- docker socket文件丢失(解决vscode docker插件docker.socket权限问题)
- vscode react jsx语法 开发环境(React-vscode使用jsx语法的问题及解决方法)
- vscode开发数据库(Vscode上使用SQL的方法)
- ubuntu下vscode的使用教程(Vscode远程连接Ubuntu出错问题的解决方法)
- vscode报错提示框(关于在vscode使用webpack指令显示"因为在此系统中禁止运行脚本"问题)
- reactnative混合开发教程(教你使用vscode 搭建react-native开发环境)
- ubuntu下使用vscode(使用Vscode结合docker进行开发的详细过程)
- 2023新国风戏曲教育寒假集训班汇报演出《戏娃闹元宵》图文报道(2023新国风戏曲教育寒假集训班汇报演出戏娃闹元宵图文报道)
- 九儿《狐踪谍影》出演热血女特警,戏份杀青受关注(九儿狐踪谍影出演热血女特警)
- 红色代表什么(红色代表什么寓意)
- 蓝天代表什么(蓝天代表什么生肖)
- 今天要吃什么(今天要吃什么菜)
- 营养餐是什么(学校营养餐是什么)
热门推荐
- ocr公式识别python(初探利用Python进行图文识别OCR)
- 有哪些优秀的web服务器(几款比较好的WEB服务器软件推荐)
- DataRow转换时对DBNULL的处理
- css中margin什么意思(CSS margin全面了解)
- laravel 数据库配置信息(Laravel 读取 config 下的数据方法)
- sqlserver存储过程同步数据(SQL Server存储过程同时返回分页结果集和总数)
- vscode开发数据库(Vscode上使用SQL的方法)
- phpmysql怎么搭建(PHP使用PDO、mysqli扩展实现与数据库交互操作详解)
- python的遍历循环(对python For 循环的三种遍历方式解析)
- 网站数据服务器数据迁移(网站服务器迁移方案)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9