如何使用Docker构建开发环境

# 设置国内镜像站，国内提速用的，可选操作 
$ sudo pacman-mirrors -i -c China -m rank  
# 使用 Pacman 安装 Docker $ sudo pacman -S docker  
# 建立 docker 用户组。默认情况下，docker 命令会使用 Unix socket 与 Docker 引擎通讯。而只有 root 用户和 docker 组的用户才可以访问 Docker 引擎的 Unix socket。出于安全考虑，一般 Linux 系统上不会直接使用 root 用户。因此，更好地做法是将需要使用 docker 的用户加入 docker 用户组。 
$ sudo groupadd docker 
 # 将当前用户加入 docker 组，退出当前终端并重新登录后生效 
$ sudo usermod -aG docker $USER 
 # 测试是否安装成功 
$ docker run --rm hello-world

$ winget install Docker.DockerDesktop

$ brew install --cask docker

$ docker --version

$ vi /etc/docker/deamon.json  # 输入镜像源 {   # 只换一个源也是可以的，可以直接用字符串，而不是数组。   "registry-mirrors": [     "https://registry.docker-cn.com",     "http://hub-mirror.c.163.com",     "https://docker.mirrors.ustc.edu.cn"   ], }  # :wq 保存退出后重启 docker $ systemctl restart docker

{     "registry-mirrors": [         "https://registry.docker-cn.com",         "http://hub-mirror.c.163.com",         "https://docker.mirrors.ustc.edu.cn"     ],     }

# 前端开发中，时常需要使用 shell 命令，而有一个较为完整的环境比较重要，因此选择了使用 ubuntu 作为基础，若在意容器大小的话，可自行选择适用的基础镜像 FROM ubuntu LABEL org.opencontainers.image.authors="codebaokur@codebaoku.com"  
# 设置环境变量  ENV DEBIAN_FRONTEND noninteractive  
# 设置时区 ARG TZ=Asia/Shanghai ENV TZ ${TZ}  RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone  
# 用 root 用户操作 USER root  
#  RUN sed -i "s/security.ubuntu.com/mirrors.aliyun.com/" /etc/apt/sources.list && \     sed -i "s/archive.ubuntu.com/mirrors.aliyun.com/" /etc/apt/sources.list && \     sed -i "s/security-cdn.ubuntu.com/mirrors.aliyun.com/" /etc/apt/sources.list RUN  apt-get clean 
# 更新源，安装相应工具 RUN apt-get update && apt-get install -y \     zsh \     vim \     wget \     curl \     python \     git-core  
#  安装 zsh，以后进入容器中时，更加方便地使用 shell RUN git clone https://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh && \     cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc && \     git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions && \     git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting && \     sed -i 's/^plugins=(/plugins=(zsh-autosuggestions zsh-syntax-highlighting z /' ~/.zshrc && \     chsh -s /bin/zsh  
# 创建 me 用户 RUN useradd --create-home --no-log-init --shell /bin/zsh -G sudo me && \     adduser me sudo && \     echo 'me:password' | chpasswd  
# 为 me 安装 omz USER me RUN git clone https://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh && \     cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc && \     git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions && \     git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting && \     sed -i 's/^plugins=(/plugins=(zsh-autosuggestions zsh-syntax-highlighting z /' ~/.zshrc 
 # 安装 nvm 和 node ENV NVM_DIR=/home/me/.nvm \     NODE_VERSION=v14  RUN mkdir -p $NVM_DIR && \     curl -o- https://gitee.com/mirrors/nvm/raw/master/install.sh | bash && \     . $NVM_DIR/nvm.sh && \     nvm install ${NODE_VERSION} && \     nvm use ${NODE_VERSION} && \     nvm alias ${NODE_VERSION} && \     ln -s `npm bin --global` /home/me/.node-bin && \     npm install --global nrm && \     nrm use taobao && \     echo '' >> ~/.zshrc && \     echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.zshrc && \     echo '[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  
# This loads nvm' >> ~/.zshrc 
 # 安装 yarn RUN curl -o- -L https://yarnpkg.com/install.sh | bash; \     echo '' >> ~/.zshrc && \     echo 'export PATH="$HOME/.yarn/bin:$PATH"' >> ~/.zshrc  
# Add NVM binaries to root's .bashrc USER root  RUN echo '' >> ~/.zshrc && \     echo 'export NVM_DIR="/home/me/.nvm"' >> ~/.zshrc && \     echo '[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  
# This loads nvm' >> ~/.zshrc && \     echo '' >> ~/.zshrc && \     echo 'export YARN_DIR="/home/me/.yarn"' >> ~/.zshrc && \     echo 'export PATH="$YARN_DIR/bin:$PATH"' >> ~/.zshrc  
# Add PATH for node & YARN ENV PATH $PATH:/home/me/.node-bin:/home/me/.yarn/bin 
 # 删除 apt/lists，可以减少最终镜像大小 RUN rm -rf /var/lib/apt/lists/*  WORKDIR /var/www 编写完 Dockerfile 后，构建即可：  docker build -t frontend/react:v1 . 构建完之后可以直接运行：  
# 以 me 身份运行，推荐方式 docker run --user=me -it frontend/react:v1 /bin/zsh  # 以 root 角色运行 docker run -it frontend/react:v1 /bin/zsh

version: '2' services:     react:     build:         context: .         dockerfile: react/Dockerfile     tty: true     ports:         - 30000:3000     volumes:         - ./react/www:/var/www     networks:         - frontend     mysql:     image: mysql:5.7     ports:         - 33060:3306     volumes:         - ./mysql/data:/var/lib/mysql         - ./mysql/docker-entrypoint-initdb.d:/docker-entrypoint-initdb.d     environment:         - MYSQL_ROOT_PASSWORD=password     networks:         - frontend  # 将容器置于同一 networks 即可直接通过容器名访问 networks:     frontend:     driver: bridge 

# 进入 docker-compose.yml 所在目录
$ cd frontend

# 后台启动 docker-compose.yml 中所有容器，若容器没有构建则会先构建
$ docker-compose up -d

# 进入 react 容器中，以便命令行交互
$ docker-compose exec --user=me react /bin/zsh

// index.js const mysql = require('mysql') const connection = mysql.createConnection({     host: 'mysql',     user: 'root',     password: 'password',     database: 'test', })  connection.connect();  connection.query(`SELECT * FROM users`, function (error, results, fields) {     if (error) throw error;     console.log(results) })  connection.end();

$ node index.js [ RowDataPacket { id: 1, name: 'Caster' } ]