從接觸vue至今也寫了不少項目，最開始用的2.x到現在的3.x，不同版本之間的項目框架構建差異性還是蠻大的，有時候自己也會搞混淆。今天就邊寫邊邊搭建一個基於vue-cli3的項目框架，參考Vue Cli的官網。
安裝
看官網其實就非常清楚了。
npm install -g @vue/cli
# OR
yarn global add @vue/cli
創建一個項目
運行以下命令來創建一個新項目,這裏我的項目名是:yichen-admin
vue create yichen-admin
運行之後，會要求你選擇哪種預設模式，第一個是使用默認配置，包含babel轉換，eslint風格檢查器。但是這裏還是建議大家選擇第二項，使用手動配置。
選擇手動配置之後，你可以選擇需要哪些配置項。空格是選中和取消，a鍵是全選，i鍵是反選。
這裏我選擇了babel轉換器，Router路由，vuex狀態管理，css預處理器，eslint風格檢查。
回車之後還會有一些選項需要確認。這一項是詢問是否開啓路由的history歷史模式，輸入Y就開始歷史模式，輸入n就使用默認的hash哈希模式。關於哈希模式和歷史模式的區別，詳見官方文檔這裏。
這裏我選擇的是hash模式，接下來需要選擇css預處理器，因爲本次項目我準備使用iview作爲UI組件庫，而它是基於less開發的，所以這裏我選的是less。
接下來需要選擇eslint的配置，這裏我選擇的是標準配置，在保存時進行代碼檢查。
最後一項是選擇在哪裏存放Babel，postcss，eslint等配置。如果項目不大可以選擇放在package.json裏面。但是爲了規範起見，最好還是選擇第一項，放在專用的配置文件中。
最後還會詢問你是否將本次配置作爲以後的默認配置，建議N，因爲每個項目的情況很可能不一樣。
等待讀條完畢，項目創建完成。