什麼是vue-cli

　　vue-cli官方提供的一個腳手架。用於快速生成一個vue的專案模板

　　預先定義好的目錄結構及基礎程式碼，就好比在建立Maven專案時可以選擇建立

一個骨架專案，這個骨架專案就是腳手架，開發就會更加快速

　　主要功能：

　　1.統一的目錄結構

　　2.本地除錯

　　3.熱部署

　　4.單元測試

　　5.整合打包上線

需要的環境

Node.js: https://nodejs.cn.dowmload/

Git: https://git-scm.com/downloads

映象: https://npm.taobao.org/mirrora/git-for-windows/

下載過程已在大前端進階詳細敘述

確認nodejs安裝成功：
cmd下輸入 node -v 檢視是否能正確列印版本號

cmd下輸入 npm -v 檢視是否能正確列印版本號

這個npm就是一個軟體包管理工具就和Linux下的apt軟體安裝差不多

安裝Node.js淘寶映象加速器（cnpm）

這樣子的話，下載就會快很多

npm install cnpm -g

安裝的位置C:\Users\Administrator\AppData\Roaming\npm

安裝vue-cli

cnpm install vue-cli -g

檢視可以基於哪些模板建立

vue list

第一個vue-cli程式

建立一個基於webpack模板的vue程式

vue init webpack myvue

 一路no即可

此時資料夾就多了一個myvue檔案

 初始化並執行

npm install

此時myvue中多了一個node_modules檔案

npm run dev

 訪問此連結：