總結Vue 第四天：vue-cli（Vue2.0 新手入門 — 從環境搭建到釋出）
一、Vue CLI----（Vue2.0 新手入門 — 從環境搭建到釋出）：
■ CLI是Command-Line Interface, 俗稱腳手架.
■ 使用Vue.js開發大型應用時，我們需要考慮程式碼目錄結構、專案結構和部署、熱載入、程式碼單元測試等事情。（vue 腳手架的作用）
■ vue-cli 可以快速搭建Vue開發環境以及對應的webpack配置。
1、Vue CLI使用前提 –Node、 Webpack
2、Vue CLI的使用----（Vue2.0 新手入門 — 從環境搭建到釋出）：
（1）vue2.0 推薦的開發環境：
① Node.js: js 執行環境（類比java的執行環境是jre）
② npm依賴包管理器（基本上不用再自己安裝了，Node已經整合了）： Nodejs 依賴包管理器，我們會使用NPM來安裝一些開發過程中依賴包.
//國內使用淘寶的cnpm更快，通過npm 安裝 cnpm： 命令：npm install -g cnpm --registry=https://registry.npm.taobao.org //可以直接通過 cnpm 命令來安裝模組（nodejs依賴）: 命令: cnpm install [name]
③ webpack模組化打包工具：Vue的元件（.vue 檔案- 無法被瀏覽器解析)，通過webpack模組化打包轉化成.js 檔案 【webpack的執行環境依賴於node】
④ vue-cli 腳手架：用來生成模板Vue工程【vue-cli依賴於node、webpack】
（2）Vue2.0 新手入門 — 從環境搭建到釋出：
1）安裝：
① 安裝 nodejs並通過npm 安裝 cnpm：
https://www.cnblogs.com/shan333/p/15726428.html
② 安裝webpack（全域性安裝）：
cnpm install webpack@3.6.0 -g 或 npm install webpack@3.6.0 -g
③ 安裝vue腳手架（全域性安裝，安裝3.x以及以上的版本，通過拉取舊模板）：
cnpm install @vue/cli -g 或 npm install @vue/cli -g
● 通過拉取模板就可以使用2.x版本(vue-cli2、vue-cli3任你選)：
npm install -g @vue/cli-init 或 cnpm install -g @vue/cli-init
■ 全域性安裝、本地（區域性）安裝、指定版本安裝【以安裝webpack為例子】：
● 本地安裝與全域性安裝區別：
本地安裝：僅將webpack安裝在當前專案的node_modules目錄中，僅對當前專案有效。
全域性安裝：將webpack安裝在本機，對所有專案有效，全域性安裝會鎖定一個webpack版本，該版本可能不適用某個專案。全域性安裝需要新增 -g 引數。
● 全域性安裝加 -g：
npm install webpack -g 或 cnpm install webpack -g
● 全域性安裝webpack指定的版本：
npm install webpack@3.6.0 -g 或 cnpm install webpack@3.6.0 -g
2）初始化Vue-cli2專案、Vue-cli3專案：
初始化Vue-cli2專案：vue init webpack my-project
初始化Vue-cli3專案：vue create my-project
（初始化過程，安裝提示安裝即可）
3）vue-cli2專案初始化後結構：（vue-cli3的話就是把配置隱藏了）：
（當專案依賴node_modules 不小心刪掉了，要通過npm install 安裝回來，不要通過 cnpm install安裝）
● ps： runtime-compiler 和 runtime-only(選它)的選擇：
4）啟動專案：
Vue-cli2專案：npm run dev
Vue-cli3專案：npm run serve