vue2-shop

A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack http://vue2shop.songfens.club/

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项目打包优化及部署上线+课程总结