摘自：https://www.cnblogs.com/happybread/p/8117442.html
簡介：
Vue.js是前端一個比較火的MVVM框架， 是一套構建用戶界面的漸進式框架。
Vue 只關注視圖層， 采用自底向上增量開發的設計。
Vue 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件
安裝方式：
第一種：使用npm，比較適合比較大型的應用，由於npm是國外的，使用起來比較慢；
第二種：使用淘寶的cnpm鏡像來安裝vue；
步驟：
首先我們需要下載npm,安裝好了node.js，就安裝了npm。然后，再利用npm安裝淘寶鏡像的cnpm。
1、打開cmd，輸入命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝Vue需要npm的版本大於3，所以我們先升級一下npm，輸入命令
cnpm install cnpm -g
安裝vue，輸入命令
cnpm install vue
安裝vue-cli，輸入命令
cnpm install --global vue-cli
這時，環境已經搭建好了。
2、指定存放項目的路徑，運行命令
vue init webpack "項目名稱"
進入項目所在的目錄，運行命令
cd "項目所在文件夾“
然后依次執行下面的命令
cnpm install
cnpm run dev
中間省略部分截圖。。。。
成功后我們進入瀏覽器，輸入localhost:8080會展示下面的頁面。
項目目錄：
（1） build // 項目構建(webpack)相關代碼
build.js // 生產環境構建代碼
check-versions.js // 檢查node&npm等版本
dev-client.js // 熱加載相關
dev-server.js // 構建本地服務器
utils.js // 構建配置公用工具
vue-loader.conf.js // vue加載器
webpack.base.conf.js // webpack基礎環境配置
webpack.dev.conf.js // webpack開發環境配置
webpack.prod.conf.js // webpack生產環境配置
（2）config// 項目開發環境配置相關代碼
dev.env.js // 開發環境變量
index.js //項目一些配置變量
prod.env.js // 生產環境變量
（3）node_modules// 項目依賴的模塊
（4）src// 源碼目錄
assets// 資源目錄 logo.png
components// vue公共組件 Hello.vue
router// 前端路由 index.js// 路由配置文件
App.vue// 頁面入口文件（根組件）
main.js// 程序入口文件（入口js文件）
（5）static// 靜態文件，比如一些圖片，json數據等
.gitkeep
（6）剩余
.babelrc// ES6語法編譯配置
.editorconfig// 定義代碼格式
.gitignore// git上傳需要忽略的文件格式
index.html// 入口頁面
package.json// 項目基本信息
README.md// 項目說明
添加 element-ui
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
new Vue({ el: '#app', render: h => h(App) });