Vue cli

1.應用場景

用於快速構建開發環境, 快速開始vue的前端開發

2.學習/操作

2.1 安裝

1.打開官網

https://cli.vuejs.org/zh/

安裝要求:

2. 這裏使用npm方式

備註:

安裝node.js, 同時會安裝npm, 詳見https://blog.csdn.net/william_n/article/details/103764339 

3. 執行安裝vue/cli

 

4. 安裝成功

 

5. 確認安裝成功, 輸入vue --version 回車

 

可知, 已經安裝成功.

2. 使用  //請參考官網文檔

1. 創建項目[這裏以demo爲例]  //目錄建議選擇web根目錄, 這裏並不是

輸入 vue create vue-demo 回車

 

2. 出現提示: 目前連接到npm默認倉庫[國外], 速度較慢, 是否爲了更快的速度, 選擇使用淘寶鏡像倉庫 ?

推薦輸入: Y, 出現下方界面

 

3. 推薦暫時選擇default默認, 直接回車即可.

 

4. 創建過程與結果

 

可知, 創建成功.

 

5. 進入目標目錄下的cmd, 啓動服務

打開瀏覽器輸入： http://localhost:8080/ 回車即可  [有時候自動化工具並不是那麼完美]

 

 

 

 

 

 

 

 

 

 

 

 

後續補充

...

3.問題/補充

1. 安裝過程至結束, 出現一些warning提示, 什麼原因, 如何處理?

TBD

 

4.參考

https://time.geekbang.org/course/detail/163-86428

https://cli.vuejs.org/zh/  //cli官網[中文]

https://cli.vuejs.org/zh/guide/   //官方文檔詳見

後續補充

...