通俗易懂:给前端开发者的 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 的一些简单使用的总结,希望能帮助到大家。

相关推荐
EndingCoder几秒前
类的继承和多态
linux·运维·前端·javascript·ubuntu·typescript
用户47949283569152 分钟前
React 终于出手了:彻底终结 useEffect 的"闭包陷阱"
前端·javascript·react.js
程序员猫哥8 分钟前
前端开发,一句话生成网站
前端
Younglina29 分钟前
一个纯前端的网站集合管理工具
前端·vue.js·chrome
木头程序员30 分钟前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5
卖火箭的小男孩32 分钟前
# Flutter Provider 状态管理完全指南
前端
小雨青年32 分钟前
鸿蒙 HarmonyOS 6|ArkUI(01):从框架认知到项目骨架
前端
Null15535 分钟前
浏览器唤起本地桌面应用(基础版)
前端·浏览器
pas1361 小时前
31-mini-vue 更新element的children
前端·javascript·vue.js
wordbaby1 小时前
TanStack Router 实战:如何构建经典的“左侧菜单 + 右侧内容”后台布局
前端·react.js