前些日子，大致上把vue的一些架構，一些常用的feature大致做了一次，
雖然不到很深入，但我覺得比較深的技巧真的要遇到的時後在來實作，
才比較能感受到原來這種case要種方式來寫阿~~

目前自行coding的部份就想說不再多加說明，就是自已想寫的一些程式，
想說先把Docker的部份先打底打好，就參考vue官方的dockerlize範例。

我自已本身是mac開發，上docker官網下載安裝好之後就可以直接用了，
相關指令就是參考docker官網上的說明，非常清楚。

新增dockerfile

貼上官方提供的腳本，比較簡單。

如果想要針對docker image的layer做切割，或是其他的優化，
就需要更了解docker指令的一些運用。
最多文章會用nginx，用起來也很簡單，不過鐵人賽時間關係，
沒辦法做到那麼的深入，只好先從簡單的開始。

FROM node:9.11.1-alpine

RUN npm i -g http-server

WORKDIR /app

COPY package*.json ./

RUN npm install

COPY . .

RUN npm run build

EXPOSE 8080

CMD [ "http-server", "dist" ]

### 

1. build images
   docker build -t vuejs-cookbook/dockerize-vuejs-app .

2. run images
   docker run -it -p 8080:8080 --rm --name vuejs-app-1 vuejs-cookbook/dockerize-vuejs-app

3. 你可以於dockerhub上註冊一個帳號，將你的images放上去。

今天先做到這邊囉。