chenjobin/ddBuy

🎉Vue2.x 全家桶+Vant 搭建大型单页面电商项目.http://ddbuy.7-orange.cn

简体中文 | English

简介

ddBuy是一个移动端开源电商项目，它基于 vue 2.x 和 vant 2.x实现。使用了最新的Vue全家桶技术栈，以及一些优秀的开源库如better-scroll、 moment.js、twix.js、pubsub-js,后台数据通过Easy-Mock搭建。支持多语言国际化,相信不管你是处于哪个段位的攻城狮，本项目都能帮助到你。

Release Note

V1.3.0及以上版本支持语言国际化

作者 极客James

交个朋友吧

微信群:扫码回复 加群 带你和大厂大佬们一起交流学习

公众号:前端甜甜圈~ 和我一起愉快的玩转前端

前序准备

如果你是刚入门Vue的小白墙裂建议过一遍Vue官方文档,如果你已经掌握了Vue,那么墙裂建议按照Vue代码风格指南来写代码。

你需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、vue-cli 、axios 和 vant-ui，所有的请求数据都使用Mock.js进行模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。

同时配套了Vue基础系列教程文章，适合小白入门Vue,后期会把整个ddBuy项目拆分些技术文章出来。

• 核心技术拆解:

  • 服务器搭建Easy-Mock
  • 数据抓包
  • 商品飞入购物车动画
  • 登录注册
  • 封装SVG组件
  • 个人中心

• Vue甜小白系列专栏:

  • Vue从甜小白到皮大佬系列(一) Vue是个啥?
  • Vue从甜小白到皮大佬系列(二) v-指令
  • Vue从甜小白到皮大佬系列(三) 生命周期
  • Vue从甜小白到皮大佬系列(四) 自定义指令
  • Vue从甜小白到皮大佬系列(五) 组件
  • Vue从甜小白到皮大佬系列(六) 组件通信
  • Vue从甜小白到皮大佬系列(七) Vue Router
  • Vue从甜小白到皮大佬系列(八) Vuex

欢迎提Bug,如有新的需求和想法，欢迎 issue 和 pr

完整项目图

项目架构树

如何运行

# 克隆项目到本地
git clone https://github.com/Geek-James/ddBuy.git

# 进入项目目录
cd ddbuy

# 安装依赖
npm install

# 启动服务
npm run serve

浏览器访问 http://localhost:8080

发布

# 构建生产环境
npm run build

在线浏览器预览

请把浏览器切换到移动端模式

手机端扫码预览

浏览器支持

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions

免责声明

本项目为高仿项目,仅做技术交流和学习使用,非官方App,不建议用于商业目的,产生的一切侵权著作法律后果,与本作者无关。

License

MIT

Copyright (c) 2020 极客-James