Vue腳手架介紹與基本用法

介紹：

vue腳手架自動建立vue+webpack專案，免去繁瑣的各種配置和依賴下載
詳細可見：腳手架官網

安裝：

此命令預設安裝最新版：

npm install -g @vue/cli

推薦採用3.x以上版本

基於3.x版本建立vue專案：

基於命令列方式：

1. 命令列執行：vue create project_name

2. 會出現預設方式還是手動方式，可通過鍵盤上下鍵進行選
   

3. 選擇手動方式

4. 
   可以通過空格鍵進行選中，星號代表已經選中，這裡選擇可以選擇路由
   
   5.選擇vue.js版本，預設即可：
   

6.
讓選擇歷史模式還是路由模式，我們選擇no，即路由模式
7:

選擇標準模式
8.

所有的配置是否都放在package.json檔案中，還是分開，我們選擇分開配置，更加清晰
9.

是否儲存該設定，以供日後選擇用，並且為設定進行起名
10.

使用npm還是yarn進行安裝依賴，電腦中已經安裝哪個方式就選擇哪個
11.
最後就等待建立：

基於圖形化方式

使用命令vue ui即可通過圖形化方式進行設定，選項和以上相同