---
# System prepended metadata

title: Vue CLi學習#2 建立一個 Vue 專案
tags: [Vue cli]

---

# 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)


## 建立完成!!