關於docker的優勢就不多介紹了，之前的文章已經說得比較明白了，那麼在學習了docker的一些知識後，現在該用它來做點事兒了，^_^，有點小興奮。接下來就來看看docker怎樣去部署一個VueJs的項目，我們從以下三點來進行：
- VueJs項目初始化以及打包
- Nginx的配置
- Docker鏡像文件
VueJs項目初始化
這裏通過vue-cli對一個vuejs項目進行初始化，命令如下：
vue init webpack projectName
這裏項目名稱列如是docker-web，對項目初始化組件HelloWord.vue組件進行簡單的修改
然後通過npm run build命令進行項目的打包
Nginx的配置
這裏首先需要從docker hub上面進行nginx進行的拉取，可通過docker pull nginx進行獲取，獲取完後，可通過命令docker image ls 命令來查看本地已存在的鏡像列表
然後在項目(docker-web)的根目錄新增一個nginx.conf文件，配置如下：
Docker鏡像文件
首先在項目(docker-web)的根目錄新增一個Dockerfile文件，內容如下：
然後需要通過Dockerfile這個文件來進行鏡像的製作、運行，可通過docker build -t 鏡像名稱來構建制作一個鏡像，如：
再次查看該鏡像是否已經構建完成。
最後以這個鏡像爲基礎運行一個容器。
對於這部分的內容，如有不懂的地方，可查看我之前有關於docker鏡像構建的文章哦。
至此，所有準備工作已完成，然後在瀏覽器地址欄輸入localhost:3000訪問網頁，即可看到剛纔在docker-web這個項目的HelloWord.vue組件中修改的內容。
Over，接下來會通過docker對前端項目部署進行進一步的實戰。