docker -v

# 0 命令行进入到该文件夹的位置：

cd /你的电脑具体的文件路径/my-repository

# 1.现在安装vue-cli

npm 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+nodejs10

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/vue && node -v && npm install && npm run serve"

# 3 运行创建docker容器2：承载 vue3+vite+nodejs12

docker 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] : [文件目录]