给前端的 docker 10 分钟真 · 快速入门指南

docker -v

# 0 命令行进入到该文件夹的位置： cd /你的电脑具体的文件路径/my-repository
# 1.现在安装vue-clinpm install -g @vue/cli
# 2.查看vue-cli安装成功否vue --version#我这里是@vue/cli 4.5.15
# 3. 用vue-cli快速创建项目,安装选项我们如下# > ❯ Default ([Vue 2] babel, eslint) # > ❯ npm包管理vue create my-app-vue2

#先安装vite最新版npm init vite@latest
# 创建vue3项目npm init vite@latest my-app-vue3 --template vue

//vite需要开启网络访问//vite.config.js 开启hostexport default defineConfig({  plugins: [vue()],+  server: {+    host: '0.0.0.0',+  },});

#安装完成后我们的目录是这样的my-repository├── my-app-vue2│   ├── public│   └── src│       ├── assets│       └── components└── my-app-vue3    ├── public    └── src        ├── assets        └── components

# 0 先进入我们刚才安装了vue项目的文件夹位置cd my-repository
# 1 执行pwd可以获取当前文件夹在电脑的绝对目录pwd# /Users/eric/my-repository
# 2 运行创建docker容器1：承载 vue2+webpack+nodejs10docker run -it -d --name myvue2 --privileged -p 8081:8080 -v  /Users/eric/my-repository/my-app-vue2:/app/vue node:10.16.2 /bin/bash -c "cd /app/vue && node -v && npm install && npm run serve"
# 3 运行创建docker容器2：承载 vue3+vite+nodejs12docker run -it -d --name myvue3 --privileged -p 8080:3000 -v /Users/eric/my-repository/my-app-vue3:/app/vue node:12.22.6 /bin/bash -c "cd /app/vue && node -v && npm install && npm run dev"
#运行成功后 查看容器运行情况docker ps -a

docker logs -f container_id/containe_name

docker run \-it \-d \ --name myvue2 \--privileged \-p 8081:8080 \-v /Users/eric/my-repository/my-app-vue2:/app/vue \node:10.16.2 \/bin/bash -c "cd /app/vue2 && node -v && npm install && npm run serve"

# 运行后按ctrl + c 可退出docker logs -f contianer_name/container_id

#查看docker container的终端输出信息 docker logs -f myvue2

# 打印出容器的端口映射、目录挂载、网络等等docker inspect myvue2

# 搜索镜像docker search [images_name:tag]
# 下载镜像（：指定版本）docker pull [images_name:tag]
# 查看本地下载的镜像docker images
# 自己构建镜像# 根据dockerfile的路径或者url构建镜像 docker build [OPTIONS] PATH|URL|-
# 查看镜像的构建历史docker history [images_name]
# 删除镜像# 需要先删除以此镜像为基础的容器 docker rmi [images_name]

# 查看运行中的容器# 可以查看容器ID、基础镜像、容器名称、运行状态、端口映射等docker ps
# 查看所有容器：包括停止的docker ps -a
# 查看容器的信息# 例如端口号的映射、目录挂载docker inspect [images_name/images_id]
# 启动和停止容器docker start/stop [container_name/container_id]
#  重启容器#  使用场景实例：#  在加入新的npm包依赖需要重新编译的时候使用重启运行编译#  nginx容器的配置更新后需要重启生效docker restart [container_name/container_id]
# 进入容器# ps:有些容器没有bash,需要改成/bin/sh，例如mysq、mongodb的# 退出人容器输入exit 回车键docker exec -it [container_name/container_id] /bin/bash
# 删除容器# 在容器停止的状态才能删docker rm [container_name/container_id]
# 容器主机文件拷# 将容器文件拷贝到主机docker cp [container_id/container_name] : [文件目录] [主机目录]
# 将主机的目录拷贝到容器docker cp [主机目录] [container_id/container_name] : [文件目录]