============前言============
vue ---【https://cn.vuejs.org/v2/guide/】
vue-cli --- 【https://cli.vuejs.org/】
webpack指導文檔 --- 【https://www.webpackjs.com/concepts/】
==========正文===========
1.什么是vue
vue是一套用於構建用戶界面的漸進式框架。
通俗的講：
vue就是一個已經搭建好的空屋，與單純使用jQuery這種庫比，可以更好地實現代碼復用，減少工作量，與Angular.js這種家具電器一應俱全的框架相比又不會一件件挑選，把自己不喜歡再一件件的扔了，甚至required 必須用且耗費空間的！
簡而言之：
vue做了必須的事，又不會做職責之外的事。
2.vue的MVVM設計模式是什么？MVC又是什么？
MVC即model，view，control，jQuery就是采用的這種設計模式。熟悉jQuery的同學恐怕早就對$()深通惡絕了吧。
MVVM即model，view，viewmodel，它是數據驅動模式，即所有的一切通過操作數據來進行，而盡量避免操作dom樹。
3.VUE的兩個核心
1.響應式的數據綁定：當數據發生改變，視圖可以自動更新，可以不用關心dom操作，而專心數據操作 2.可組合的視圖組件：把視圖按照功能切分成若干基本單元，組件可以一級一級組合整個應用形成倒置組件樹，可維護，可重用，可測試
4. Node.js，npm，cnpm，vue，vue-cli ，Vue Devtools，webpack相互關系
Node.js® 是一個基於 Chrome V8 引擎 的 JavaScript 運行時環境。Node.js之於js，等同於jvm至於Java的地位。
npm（node package manager）：nodejs的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等）。可以看成java項目中使用maven管理依賴，下載jar包的功能。
cnpm 因為npm安裝插件是從國外服務器下載，受網絡的影響比較大，可能會出現異常，如果npm的服務器在中國就好了，所以我們樂於分享的淘寶團隊干了這事。來自官網：“這是一個完整 npmjs.org 鏡像，你可以用此代替官方版本(只讀)，同步頻率目前為 10分鍾 一次以保證盡量與官方服務同步。”
vue 是一套用於構建用戶界面的漸進式框架。
vue-cli 是用於快速Vue.js開發的完整系統，是vue.js開發的官方腳手架。使用腳手架的目的，是其1.提供了零配置快速原型；2.提供了運行時依賴；3.提供了豐富的官方插件庫；4.完整的圖形用戶界面。
vue-devtools 是一款基於chrome瀏覽器的插件，用於vue應用的調試，這款vue調試神器可以極大地提高我們的調試效率。幫助我們快速的調試開發vue應用。
webpack 是一個依賴於Node.js環境運行的，現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。 webpack對前端模塊發開發的各個模塊相互之間的依賴進行解析，遞歸構建依賴關系，最終打包成一個或少量的可被瀏覽器試別的 靜態文件。 可以看成maven的打包編譯，解析依賴功能。
所以，一個vue項目，想要最終被瀏覽器訪問，
首先得有一個Node.js環境，支持模塊化開發；
其次需要npm幫忙拉取一些包來復用，組裝；
最后完成編程，需要webpack依賴於Node環境將整個vue項目打包編譯，遞歸依賴，生成 被瀏覽器試別的文件。
然后被瀏覽器訪問到。
vue.js開發使用vue-cli腳手架會方便很多，而vue-cli是全局安裝的npm軟件包，並且npm 能很好地和vue的諸如 webpack 或 Browserify 模塊打包器配合使用。