第一個 vue-cli項目
第一個 vue-cli項目
什麼是vue-cli
vue-cli官方提供的一個腳手架，用於快速生成一個vue的項目模板；
預先定義好的目錄結構及基礎程式碼，就好比咱們在創建Maven項目時可以選擇創建一個骨架項目，這個骨架項目就是腳手架，我們的開發更加的快速
主要的功能:
- 統一的目錄結構
- 本地調試
- 熱部署
- 單元測試
- 集成打包上線
需要的環境：
- Node.js : //nodejs.cn/download/
- Git : //git-scm.com/doenloads
- Git鏡像 ：//npm.taobao.org/mirrors/git-for-windows/
可以使用如下語句進行驗證：
1.安裝Node.js淘寶鏡像加速器（cnpm）
# -g 就是全局安裝
npm install cnpm -g
# 或使用如下語句解決npm速度慢的問題
npm install --registry=//registry.npm.taobao.org
安裝的位置：C:\用戶\xxxx\AppData\Roaming\npm
2.安裝vue-cli
cnpm install vue-cli -g
#測試是否安裝成功
#查看可以基於哪些模板創建vue應用程式，通常我們選擇webpack
vue list
創建第一個Vue-cli項目
1.創建一個 Vue項目 文件夾
2.cmd 進入這個文件夾的目錄下
vue init webpack xxxx
即：在該目錄下創建一個vue-cli項目
- 前三個就是填 項目名、項目描述、作者名
- 第四個選擇 第一個
- 後面的全部 no
完成後會出現一個文件夾，內容為 :
3.初始化並運行
cd xxxx #進入新出來的文件夾，xxxx即你上面的文件夾名
npm install # 全局安裝
npm run dev # 運行
個人部落格為：
MoYu's Github Blog
MoYu's Gitee Blog
