# Vue CLI搭配Vue Router開發-專案建立流程 1. 打開終端機,進行Vue CLI全域安裝: ```` npm install -g @vue/cli # mac的話直接改成 sudo npm install -g @vue/cli 且輸入自己電腦密碼 # OR yarn global add @vue/cli ```` 看到這個畫面可進行下一步: ![](https://i.imgur.com/z33NN43.png) 2. 用指令建立新的專案資料夾 ```` vue create my-project # OR vue ui ```` 成功的話會看到這個畫面: ![](https://i.imgur.com/BQktcoy.png) 下一步: 3. 各題選擇選項如下: (以下按照老師的畫面選擇) ![](https://i.imgur.com/jLG8jyz.png) **這裡記得要勾選Router! ![](https://i.imgur.com/eymGwS0.png) ![](https://i.imgur.com/gLD8zqh.png) ![](https://i.imgur.com/CObqxTi.png) **這裡老師的是Sass/SCSS (with node-sass) ![](https://i.imgur.com/DZpAaQX.png) ![](https://i.imgur.com/gUygmaD.png) ![](https://i.imgur.com/Hf1Kzdd.png) ![](https://i.imgur.com/TAmIgEW.png) ![](https://i.imgur.com/9y7m358.png) 接下來會開始生成專案,如果看到這個畫面就成功了: ![](https://i.imgur.com/rC2HAfb.png)