vue-cli+webpack記事本項目使用的是vue-cli2.0里面的項目構(gòu)建工具webpack
項目的準(zhǔn)備工作:
1.了解vue2.0
2.了解一些ES6
3.儲備一些webpack知識
參照項目地址:vue2.0構(gòu)建單頁應(yīng)用最佳實戰(zhàn)
我們將會選擇使用一些vue周邊的庫 vue-cli , vue-router , vue-resource , vuex
1.使用vue-cli創(chuàng)建項目
2.使用vue-router實現(xiàn)單頁路由
3.用vuex管理我們的數(shù)據(jù)流
4.使用vue-resource請求我們的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
最終我們將會構(gòu)建出一個小demo,不廢話,直接上圖。