• 首先是全局安裝

npm install -g @vue/cli
// 或
yarn global add @vue/cli

• 然后生成項目以后可以發(fā)現(xiàn),目錄結(jié)構(gòu)變簡單了。build和config目錄都沒有了，vue-cli依舊使用webpack打包工具只是默認(rèn)配置好了。只剩下vue-config.js當(dāng)你需要更改默認(rèn)配置才會用的到,實際開發(fā)者我并沒有使用到。

• 開發(fā)過程中大部分人都會使用模板、樣式預(yù)處理。這些也只要安裝相應(yīng)的依賴。我是使用pug和sass,安裝對應(yīng)的模板依賴包,打包工具默認(rèn)已安裝幾乎所有的loader,所以直接用就行了。

項目預(yù)覽

項目總結(jié)

現(xiàn)在靜態(tài)資源(之前老版本腳手架的static目錄)都放在public下。

http請求依舊使用axios模擬請求本地數(shù)據(jù),輪播圖和彈框使用mint-ui。

購物車數(shù)據(jù)使用vuex進行管理

相關(guān)推薦：

微信小商城1.1

以上就是vue全家桶實現(xiàn)一個小商城代碼分享的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！