1.認識Vue
Vue (讀音 /vjuː/，類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。
前端框架三巨頭：Vue.js、React.js、AngularJS，vue.js以期輕量易用著稱，vue.js和React.js發展速度最快，AngularJS還是老大。
官網：https://cn.vuejs.org/
參考：https://cn.vuejs.org/v2/guide/
Git地址：https://github.com/vuejs
2.Node和NPM前面說過，NPM是Node提供的模組管理工具，可以非常方便的下載安裝很多前端框架，包括Jquery、AngularJS、VueJs都有。為了後面學習方便，我們先安裝node及NPM工具。
2.1.下載Node.js
下載地址：https://nodejs.org/en/download/
推薦下載LTS版本。
課程中採用的是12.0版本。目前最新的是8.11.1。大家自行下載。然後下一步安裝即可。
完成以後，在控制檯輸入：node -v
2.2.NPM
安裝完成Node應該自帶了NPM了，在控制檯輸入npm -v檢視：
像的工具：nrm
我們首先安裝nrm，這裡-g代表全域性安裝
npm install nrm -g
然後通過nrm test npm來測試速度：
通過nrm use taobao來指定要使用的映象源：
注意：
有教程推薦大家使用cnpm命令，但是使用發現cnpm有時會有bug，不推薦。安裝完成請一定要重啟下電腦！！！安裝完成請一定要重啟下電腦！！！安裝完成請一定要重啟下電腦！！！3.快速入門接下來，我們快速領略下vue的魅力
3.1.建立工程
建立一個新的工程：
選擇一個空的工程。
然後新建一個module：選中static web，靜態web專案：
3.2.安裝vue
先輸入：npm init -y 進行初始化
安裝Vue，輸入命令：npm install vue --save
建立html 引入vue
3.3.2.vue渲染
然後我們通過Vue進行渲染：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script src="node_modules/vue/dist/vue.js"></script><div id = "app"> <h1> {{name}} 很帥！ </h1></div><script> var app = new Vue({ el:"#app", data:{ name:"虎哥", } })</script></body></html>