vue-cli+webpack記事本項(xiàng)目使用的是vue-cli2.0里面的項(xiàng)目構(gòu)建工具webpack
項(xiàng)目的準(zhǔn)備工作:
1.了解vue2.0
2.了解一些ES6
3.儲(chǔ)備一些webpack知識(shí)
參照項(xiàng)目地址:vue2.0構(gòu)建單頁應(yīng)用最佳實(shí)戰(zhàn)
我們將會(huì)選擇使用一些vue周邊的庫 vue-cli , vue-router , vue-resource , vuex
1.使用vue-cli創(chuàng)建項(xiàng)目
2.使用vue-router實(shí)現(xiàn)單頁路由
3.用vuex管理我們的數(shù)據(jù)流
4.使用vue-resource請(qǐng)求我們的node服務(wù)端
5.使用.vue文件進(jìn)行組件化的開發(fā)
PS:本文node v6.2.2 npm v3.9.5 vue v2.1.0 vue-router v2.0.3 vuex v2.0.0
最終我們將會(huì)構(gòu)建出一個(gè)小demo,不廢話,直接上圖。