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