首先默認大家有node，沒有請自行安利。

下載vue腳手架工具

npm install vue-cli -g?

用于生成簡單的項目目錄。

下載webpack

npm install webpack -g

用于文件批處理和打包

使用腳手架搭建項目

這里提一下，vue腳手架支持簡單框架和復雜框架兩種。

如果我們線上生產(chǎn)推薦復雜框架。現(xiàn)在我們學習框架原理先從簡單框架開始。

簡單 vue init webpack-simple find(工程名)

復雜vue init webpack?find(工程名)

這里我們使用簡單模式

安裝依賴

npm?install?

工程結(jié)構(gòu)

安裝路由vue-router和網(wǎng)絡請求模塊vue-resource

npm install vue-router vue-resource --save

啟動項目

npm run dev

啟動成功

填坑

如果遇到問題

? 把node和npm更新到最新

? 使用npm不要用cnpm