MeiTuan-app

一个基于Nuxt的仿制美团网的练习项目。由慕课网的 Vue全家桶+SSR+Koa2全栈开发美团网 课程学习后做的项目

项目截图

首页

切换城市页

产品列表页和详情页

注册页和登录页

购物车页面

技术栈

• Nuxt： 项目总体框架
• Element UI: 项目的UI框架
• Koa2：项目服务端框架

实现的功能

首页

• 登录状态
• 城市定位服务

切换城市页

• 下拉框选择城市和城市搜索
• 按拼音跳转的城市选择

其他

• 显示产品地理位置
• 注册及登录 ......

使用方法

# install dependencies
$ npm run install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

# PS：生成自己的SMTP密码并写进/server/config.js 的第二十三行，才能使用注册功能