# Vue 建立專案

```shell
# install vue cli
npm install -g @vue/cli

# 建立 my-project 專案
vue create my-project
```

選第三個

[![image-1639309733425.png](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/scaled-1680-/YUPzMeOFkomgzycR-image-1639309733425.png)](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/YUPzMeOFkomgzycR-image-1639309733425.png)

按下空白選取或是取消組件，Enter

[![image-1639309818548.png](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/scaled-1680-/qFa6it1gDojBszWB-image-1639309818548.png)](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/qFa6it1gDojBszWB-image-1639309818548.png)

選擇vue版本 -> 3.X

[![image-1639309891104.png](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/scaled-1680-/Zdx2f4Pim4V8kc6V-image-1639309891104.png)](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/Zdx2f4Pim4V8kc6V-image-1639309891104.png)

Yes -> Sass/SCSS( with node-sass) -> Inpackage.json -> Yes -> Enter

[![image-1639310052473.png](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/scaled-1680-/rPL3QOEEgG9ehfYU-image-1639310052473.png)](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/rPL3QOEEgG9ehfYU-image-1639310052473.png)

進入目錄 -> 起測試服務

```shell
# 進入專案目錄
cd vue-demo
# 起測試服務
npm run serve
```

[![image-1639310212824.png](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/scaled-1680-/wT37lPD4O1dpgrte-image-1639310212824.png)](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/wT37lPD4O1dpgrte-image-1639310212824.png)