Geek-James
ddBuy
Vue

🎉Vue全家桶+Vant 搭建大型单页面电商项目

Last updated Jul 8, 2026
2.4k
Stars
542
Forks
63
Issues
0
Stars/day
Attention Score
51
Language breakdown
No language data available.
Files click to expand
README

Star Vue Vant-ui Vant-ui geekJames easymock license

简体中文 | English

简介

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

Release Note

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

支持 英语 中文

作者 极客James

前序准备

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

你需要在本地安装 nodegit。本项目技术栈基于 ES2015+vuevuexvue-routervue-cliaxiosvant-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

完整项目图

项目架构树

image

image

image

如何运行

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

进入项目目录

cd ddbuy

安装依赖

npm install

启动服务

npm run serve

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

发布

# 构建生产环境
npm run build

在线浏览器预览

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

手机端扫码预览

影响力

Stargazers over time

浏览器支持

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

留下脚印

MIT许可协议

MIT

声明

本项目仅做技术交流和学习,不建议用于商业目的!

Copyright (c) 2021 极客-James

© 2026 GitRepoTrend · Geek-James/ddBuy · Updated daily from GitHub