vue全家桶實現(xiàn)一個小商城

劉德剛發(fā)布于2019-08-26 11:47 / 2298人閱讀

摘要：全家桶實現(xiàn)一個小的移動商城學(xué)習(xí)了一段時間的臨近過年了。購物車數(shù)據(jù)使用進行管理一個新手項目希望對你所幫助最后給個小星星支持下吧

vue全家桶實現(xiàn)一個小的移動商城

學(xué)習(xí)了一段時間的react,臨近過年了。想到年后要換工作,就想把之前的vue再看看,畢竟現(xiàn)在版本迭代快。正好又趕上vue-cli 3.0 beta的到來，就順便上手試試吧。完成一個移動小商城的demo,是個新手項目。

倉庫地址 在線預(yù)覽手機掃描二維碼或在電腦上打開瀏覽器調(diào)試手機模式

首先是全局安裝

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

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

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

項目預(yù)覽

項目總結(jié)

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

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

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

一個新手項目希望對你所幫助

最后給個小星星支持下吧

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/107576.html

相關(guān)文章

vue全家桶實現(xiàn)的商城web-app，真實數(shù)據(jù)接口開發(fā)

摘要：前言學(xué)習(xí)也有大半年的時間了，由于最近工作不是太忙，就想用對之前的電商項目進行一個重構(gòu)，寫了一個移動端的版本，主要包括用戶模塊商品模塊購物車模塊訂單模塊，項目地址感覺不錯的，反手就是一個贊前言學(xué)習(xí)vue也有大半年的時間了，由于最近工作不是太忙，就想用vue對之前的電商項目進行一個重構(gòu)，寫了一個移動端的版本，主要包括：用戶模塊商品模塊購物車模塊訂單模塊，github項目地址感覺...

cgh1999520 2019-08-23 13:59 評論0 收藏0
vue2.5全家桶高仿vivo商城百分之95

摘要：全家桶還有就是組件庫開頭在線預(yù)覽舊的版本移動端商城新的版本移動端商城項目演示地址移動端商城建議調(diào)試手機模式下預(yù)覽因為剛買的域名主機所以要解析，實名認證才可以瀏覽，所以你們還是下把項目給下載下來本地運行看把 vue全家桶 vue2.0+vuex+axios+better-scroll還有就是miut-ui組件庫開頭在線預(yù)覽舊的版本：vivo移動端商城新的版本：vivo移動端商城項目...

inapt 2019-08-22 17:33 評論0 收藏0
Vue全家桶商城全站升級之引入HTTPS,PWA,錯誤監(jiān)控,持續(xù)構(gòu)建。

摘要：免費升級到升級到后，服務(wù)器可以開啟版本，對比性能和緩存各方面要更好，還有其他新特性，可以啟動功能，更好的進行離線緩存，更好的離線體驗。 showImg(https://segmentfault.com/img/remote/1460000012773891?w=370&h=661); 在線地址:https://fancy.czero.cn 手機掃描二維碼查看: showImg(http...

zengdongbao 2019-08-23 10:22 評論0 收藏0
【開源】小程序And公眾號商城，外加后臺，功能齊全！

摘要：前言一個集微信公眾號商城小程序商城商城后臺的一個開源項目，后臺是基于開發(fā)的，是一個簡潔而強大的開源微信公眾平臺開發(fā)框架，微信功能插件化開發(fā)多公眾號管理配置簡單。微信小程序項目下載整個包之后，進行根目錄文件夾。前言一個集微信公眾號商城/小程序商城/商城后臺的一個開源項目，后臺是基于WeiPHP5.0開發(fā)的，WeiPHP是一個簡潔而強大的開源微信公眾平臺開發(fā)框架，微信功能插件化開發(fā),多...

VishKozus 2019-08-23 13:49 評論0 收藏0
【開源】小程序And公眾號商城，外加后臺，功能齊全！

摘要：前言一個集微信公眾號商城小程序商城商城后臺的一個開源項目，后臺是基于開發(fā)的，是一個簡潔而強大的開源微信公眾平臺開發(fā)框架，微信功能插件化開發(fā)多公眾號管理配置簡單。微信小程序項目下載整個包之后，進行根目錄文件夾。前言一個集微信公眾號商城/小程序商城/商城后臺的一個開源項目，后臺是基于WeiPHP5.0開發(fā)的，WeiPHP是一個簡潔而強大的開源微信公眾平臺開發(fā)框架，微信功能插件化開發(fā),多...

linkFly 2019-07-01 11:00 評論0 收藏0