首先默認大家有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?
工程結構
安裝路由vue-router和網(wǎng)絡請求模塊vue-resource
npm install vue-router vue-resource --save
啟動項目
npm run dev
啟動成功
填坑
如果遇到問題
? 把node和npm更新到最新
? 使用npm不要用cnpm