一、Vue-cli是什么？
vue-cli是vue的腳手架工具，也就是幫助構建vue的工具（包括目錄結構，代碼部署，但願測試等）
command-line-interface
二、前台=前端（vue.js）+后端（node.js+共享變量 +頁面的調用）、后台=后台
三、安裝過程，配置環境
1、安裝node.js
https://nodejs.org/en/download/
下一步，下一步直到完成。要注意安裝的路徑。安裝之后檢查是否安裝成功。
開始按鈕--cmd--輸入node -v (是否出現版本號)
配置環境變量: 我的電腦--右鍵屬性--系統屬性--配置環境，將node.js安裝的文件夾路徑復制，粘貼到環境變量配置鏈接的最前面，";"號分隔
注意：一定不要碰其它的配置，否則電腦有些軟件會出現問題。
好處：任何位置都可以使用node.js的內容。再重新打開cmd界面才能好用， 執行 node -v，npm -v 查看版本號就沒有問題了。安裝了node就安裝了npm
常用的dos命令
cd 打開文件夾
md 創建新的文件夾
dir 查看文件夾內容
cd.. 返回上一層文件夾
d: 切換成D盤
cls 清理屏幕
ctrl+c 終止
2、安裝npm, cnpm的區別（node不用會，這個必須會）
作用：node package manager (是node.js的包管理器，用於node的插件管理，包括安裝，卸載，管理依賴等)
npm和cnpm作用是一樣的，只是安裝的原路徑不一樣，只不過因為npm安裝插件是從外國的服務器下載，受網絡影響大，可能出現異常，
cnpm的淘寶團隊分享一個國內的鏡像來代替國外的鏡像，和npm的內容是一樣的。語法也是一樣的，只是一個是npm開頭,另一個是cnpm開頭。
3、安裝vue-cli（安裝的腳手架名稱，並不是項目名稱，是固定的）
-v版本信息
-g全局安裝 npm root -g 查看全局安裝的文件夾位置
-S， --save 安裝包信息將加入到dependencies(生產階段的依賴) （也就是項目已經完成，已經發布了） -D, --save--dev 安裝包信息將加入到devDependencies(開發階段的依賴)（適用於開發，也適用於發布，所以一般大家都用它） i是install 的縮寫（注意：前面沒有“-”）
注意：大小寫無要求，縮寫，全稱都可以
國外的服務器
npm install -gd vue-cli（全局,開發和生產階段）
npm install -d vue-cli（本地,開發和生產階段）
npm init -f（本地安裝出錯誤，是因為沒有初始化，執行這段代碼）
執行完之后在文件里會發現package.json文件
淘寶鏡像（兩種方法）
npm install -gd express --registry=http://registry.npm.taobao.org(手動指定從哪個鏡像服務器獲取資源) 為了避免每次安裝都需要--registry參數，可以使用如下命令進行永久設置 npm config set registry=http://registry.npm.taobao.org
然后用npm命令就可以直接從淘寶鏡像上獲取資源了，適合經常練習，需要反復安裝的時候 npm install -g vue-cli
npm install -g cnpm --registry=http://registry.npm.taobao.org cnpm install -g vue-cli
cnpm -v
vue -V
4、創建項目，一般用webpack模版(webpack模版使用頻率最高)
vue init webpack projectName
注意：項目名字必須是小寫
5、手動干預設置項目名稱，項目描述，vue-router->yes（路由的選擇）, ESLint(風格的管理) 剩下的都yes.
6、根據系統提示，啟動后端的node.js服務。每次開機的時候，都要啟動node.js.
cd test1
npm run dev
7、出現一個地址：http://localhost:8080, 復制鏈接，在瀏覽器窗口打開。