前文回顧連結
如何用uni-app做一個領優惠券H5、小程式商城(一)
一、如何執行已開源的發券兒妹程式碼
uni-app 發券兒妹 原始碼下載
1. 準備工作
2. 下載程式碼
git clone https://gitee.com/tbk-uni-app/faquanmei.git
3. 開啟專案
檔案-> 開啟目錄 (開啟的目錄就是你剛才下載的原始碼目錄)###

4. 安裝外掛
工具-> 外掛安裝 安裝less編譯、安裝scss/sass編譯

5. H5頁面執行
執行-> 執行到瀏覽器 -> Chrome

Tips: 一般除錯的順序是 H5-> 公眾號除錯
5.1 編譯執行進行中

5.2 編譯完成後會在瀏覽器自動跳出 http://localhost:1024/
開啟Chrome開發者除錯模式

5.3 展示效果

二、程式設計概要
1. 商品業務流程

2.專案結構概覽

三、關於作者
勸退架構師,喜歡做最不擅長的前端
個人公眾號(jun的部落格),每天分享技術乾貨
