SkillAgentSearch skills...

DdBuy

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

Install / Use

/learn @Geek-James/DdBuy
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<div align=center> <img src="http://518taole.7-orange.cn/geek3.png" width = "100" height = "100" div align=center /> </div> <p align="center"> <img src="https://badgen.net/github/stars/Geek-James/ddBuy" alt="Star"> <a href="https://github.com/vuejs/vue"> <img src="https://img.shields.io/badge/Vue-2.6.10-brightgreen.svg" alt="Vue"> </a> <a href="https://youzan.github.io/vant/#/zh-CN/intro"> <img src="https://img.shields.io/badge/Vant--UI-2.7.0-brightgreen.svg" alt="Vant-ui"> </a> <img src="https://img.shields.io/badge/Node-8.9+-brightgreen.svg" alt="Vant-ui"> <a href="https://github.com/Geek-James"> <img src="https://img.shields.io/badge/build-passing-green.svg" alt="geekJames"> </a> <a href="https://github.com/easy-mock/easy-mock"> <img src="https://img.shields.io/badge/EasyMock-1.6.0-brightgreen.svg" alt="easymock"> </a> <a href="https://github.com/Geek-James/ddBuy/blob/master/LICENSE"> <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license"> </a> </p>

简体中文 | 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项目拆分些技术文章出来。

欢迎提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

浏览器支持

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>IE / Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari | | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |

留下脚印

<img src="https://visitor-badge.glitch.me/badge?page_id=Geek-James/ddBuy"/>

MIT许可协议

MIT

声明

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

Copyright (c) 2021 极客-James

View on GitHub
GitHub Stars2.4k
CategoryDevelopment
Updated3d ago
Forks547

Languages

Vue

Security Score

100/100

Audited on Mar 21, 2026

No findings