vue2 shop

vue2-shop

A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack

Run Setup

注意：先啟動MongoDB

 # cd server
# npm i (商城服务端依赖安装)
# node bin/www (启动服务端)

# cd .. (切到项目根目录)
# npm i (Vue项目依赖安装)
# npm start (Vue商城启动)

# # Build Setup

` ` ` bash
# project init(项目初始化)
vue init webpack vue-shop

# install dependencies（安装依赖）
npm install

# serve with hot reload at localhost:8080（试运行）
npm run dev

# build for production with minification（项目构建）
npm run build

# build for production and view the bundle analyzer report（打包分析报告）
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader. more info, contact with [email protected]

全棧商城項目實戰

Vue2商城需求分析及框架搭建，商品列表實現

商品列表模塊實現的兩種方式

商城後台框架搭建與商品列表滾動分頁

業務功能開發（一）（分頁查詢及登錄攔截）

業務功能開發（二）（購物車）

業務功能開發（三）（購物車及收貨詳情）

業務功能開發（四）（訂單處理）

Vue項目打包優化及部署上線+課程總結