vue全家桶實現一個小商城代碼分享

• 首先是全域安裝

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

• #然後產生專案以後可以發現,目錄結構變簡單了。 build和config目錄都沒有了，vue-cli依舊使用webpack打包工具只是預設配置好了。只剩下vue-config.js當你需要更改預設配置才會用的到,實際開發者我並沒有使用到。

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

專案預覽

專案總結

現在靜態資源(之前舊版鷹架的static目錄)都放在public下。

http請求依舊使用axios模擬請求本地資料,輪播圖和彈框使用mint-ui。

購物車資料使用vuex進行管理

相關推薦：

微信小商城1.1

以上是vue全家桶實現一個小商城代碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！