docker Dockerfile配置vue环境

新建Dockerfile:

## 选node作为基础镜像
FROM node:latest
##换源安装vuecli
RUN \
npm config set registry https://registry.npm.taobao.org \
&& npm install -g @vue/cli
## 创建一个目录
#RUN mkdir /workspace/my/vue
## 指定工作目录
WORKDIR /workspace/my/vue

生成镜像

docker image build -t myvue:v1 .

  

启动容器(关联宿主机与容器目录地址):

docker run -d -p 8444:8080 -v /workspace/my/vue/:/workspace/my/vue --name vue -ti myvue:v1 bash

  

 进入容器新建项目

docker exec -ti vue /bin/bash
cd /workspace/my/vue/
vue init webpack tese01 安装vue项目
npm install  安装依赖包
如果npm install失败 :
npm install -g cnpm --registry=http://registry.npm.taobao.org  安装代理cnpm
cnpm install 安装依赖包
cnpm run dev 启动项目

  

浏览器访问:http://127.0.0.1:8444

 

posted @ 2020-08-20 12:06  ToDarcy  阅读(3670)  评论(2编辑  收藏  举报