文章目的
因為之前是使用 Vue Cli 2 做開發，現在在學習 Vue Cli 3 因此用此文章做個紀錄，此文章將介紹如何安裝 Vue Cli 3 及快速創建一個專案。
本文操作皆在 command line 中執行。
Vue Cli 2 卸載與 Vue Cli 3 安裝
Vue Cli 2 卸載
在安裝之前，可以先確認 Node.js 是否有安裝，且版本是否為 8.9 以上的版本。
確認完畢後，若電腦目前是有 Vue Cli 2 的話，在安裝 3 之前需要先卸載，卸載指令碼為 npm uninstall vue-cli -g，成功卸載後我們就能安裝 3 囉!!
Vue Cli 3 安裝
我們在 command line 中輸入 npm install -g @vue/cli 即可安裝 3，安裝完成輸入 vue --version 檢查版本，若為 3 以上代表安裝成功。
創建專案
輸入 vue create 你的專案名 即可建立專案，在建立過程中，會有一些設定檔的安裝問題，以下做一一解釋。
自訂你要安裝的設定檔
基本上系統一開始會提供你一個預設的安裝，裡面有部分的設定檔，那如果你想在專案上安裝自己想要的設定檔，可以選擇 Manually select features 來自訂。
選完要安裝的設定檔後，系統會詢問你一些關於你的設定檔的細節，只要選擇符合你的需求即可。
再來會詢問你是否把這次的設定儲存，方便以後創立專案時直接套用，這邊就看個人需求。
最後系統會詢問你這些設定檔要獨立出來管理，或是全部寫在 package.json 中。
執行專案
建立完畢專案後，command line 會提供兩個指令來開啟專案，照著指令輸入，會出現網址，在瀏覽器上輸入網址就可以確認專案是否正確運行囉!!
簡單的資料夾介紹
這邊我要介紹兩個 Vue Cli 3 專案裡的資料夾，分別是src 和 public。
這兩者的差別簡單來講，放在 src 中的檔案都會被編譯，public 資料夾底下的檔案不會被編譯。
public 資料夾底下，僅有 index.html 這隻檔案會被編譯。