通俗易懂:给前端开发者的 Docker 入门指南

Docker 是什么?

简单讲,就是我们软件开发的时候需要依赖一些环境,比如前端需要 Node.js,后端可能需要 Java、Python 或数据库(如 MySQL、Redis)等。这些环境如果直接安装在本地,不仅配置繁琐,而且可能出现版本冲突,导致"在我电脑上没问题"的尴尬情况。

Docker 的出现目的就是为了解决这种配环境的问题,他就是一个轻量级的虚拟化容器平台 ,它可以把这些运行环境以及代码、依赖项等打包在一个统一的容器中运行,确保在任何机器上运行效果一致。你可以把它理解为"打包好的应用运行环境",用完即扔,既干净又高效。

Docker 命令类比前端

前端的npm install安装依赖,docker 里面同理只需要 docker pull <镜像名>,拉取需要用的容器镜像名称。

运行前端项目 npm run dev,docker 运行容器执行 docker run -p 3000:3000 <镜像名>运行容器。

前端打包项目 npm run build,docker 中就是 docker build -t <镜像名> . 构建 Docker 镜像。(就像打包一个项目)

其余命令这里就不一一列举了,其实下面我们可以用可视化的工具来操作。

安装与使用

Windows / macOS

访问官网下载安装:

🔗 官网地址:www.docker.com/products/do...

安装 Docker Desktop,安装完成后重启,确保 Docker 图标在系统托盘中运行,并终端执行以下命令确认安装:

bash 复制代码
docker -v

输出类似:

nginx 复制代码
Docker version 25.0.3, build abcdefg

MacOS 用户还可以选择性能更好的 OrbStack orbstack.dev/

让 AI 出了个对比速览表。

国内用户安装后可能还需要配置一下 OrbStack 代理才能正常拉镜像。

端口号为你自身电脑的代理端口号

然后我们可以在终端执行命令,启动一个容器并访问了,我们就可以访问 localhost 了。

shell 复制代码
docker run -it -p 80:80 docker/getting-started

Docker Compose

Docker Compose 是 Docker 官方提供的一个工具,用来定义和管理多个容器的应用服务

你可以通过一个叫做 docker-compose.yml 的文件,一次性启动、停止多个容器,而不用一个个手动启动。简单讲就是可以一个命令按照 yml 文件启动多个必要的服务容器。

比如开源项目就会提供 docker-compose.yml方便开发者模式们迅速的同步环境。

github.com/langgenius/...

bash 复制代码
cd dify
cd docker
cp .env.example .env
docker compose up -d

现在新版无需单独安装,只要安装了 Docker Desktop 就已经自带了。

docs.docker.com/compose/ins...

结语

以上就是关于 Docker 的一些简单使用的总结,希望能帮助到大家。

相关推荐
旧曲重听17 分钟前
最快实现的前端灰度方案
前端·程序人生·状态模式
默默coding的程序猿16 分钟前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
夏梦春蝉21 分钟前
ES6从入门到精通:常用知识点
前端·javascript·es6
归于尽27 分钟前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课29 分钟前
React useEffect 详解与运用
前端·react.js
我想说一句30 分钟前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript
funnycoffee12331 分钟前
Huawei 6730 Switch software upgrade example版本升级
java·前端·华为
小鱼小鱼干33 分钟前
【Tauri】Tauri中Channel的使用
前端
拾光拾趣录35 分钟前
CSS全面指南:从基础布局到高级技巧与实践
前端·css
南屿im38 分钟前
基于 Promise 封装 Ajax 请求:从 XMLHttpRequest 到现代化异步处理
前端·javascript