# Vue CLi學習#2 建立一個 Vue 專案 ###### tags: `Vue cli` ## Vue CLi 建立 Vue 專案 ## 第一步 : `vue create 專案名稱` 建立專案 在 CMD 上 ,使用指令 `vue create 專案名稱` , 來建立專案 ## 第二步 : 設定環境 * 建立專案後,需要選擇你想要哪個 Vue 環境 * `Manually select features`,可以手動自訂自己的環境,那我們選第三種 ![](https://i.imgur.com/IRAhJiE.png) * 選擇後可以看到,有很多種套件可以選擇,那依照你的需求做選擇就可以囉 ![](https://i.imgur.com/fGXEiqw.png) * 再來選擇 Vue 的版本 ![](https://i.imgur.com/Umog66w.png) * 再來這裡是選擇 Router 的形式 , 如果選擇 YES 的話, server 也要進行調整,這邊我們選擇 NO ![](https://i.imgur.com/NfFpF2N.png) * 選擇你想要的 CSS 預處理器,我們選 Sass ![](https://i.imgur.com/slBfXXU.png) * 選擇你的 ESLint 難度要哪種,建議一開始選 Standard 就好,不然難度太高會修超久!!!! * 再來他會問你的 Lint 要怎麼檢視,選擇 `Lint on save` 就可以囉 ![](https://i.imgur.com/2NX8KZ2.png) * Vue CLI 會詢問你希望把相關套件的設定放在什麼地方,看你個人需求 * In dedicated config files 是要每個設定檔案都各自獨立 * package.json 將所有設定檔案都放在這裡統一管理 ![](https://i.imgur.com/SgzwrsY.png) * 接著就是看你這個手動設定要不要存起來,下次就可以不用在手動一次惹 ![](https://i.imgur.com/1kOLacC.png) ## 建立完成!!