|
|
|
|
<p align="center">
|
|
|
|
|
<img width="100" height="100" src="https://raw.githubusercontent.com/Ewall1106/panda-vue-template/master/src/assets/logo.png">
|
|
|
|
|
<h3 align="center">手把手教你搭建vue小商城</h3>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p align="center">
|
|
|
|
|
<a href="https://github.com/vuejs/vue">
|
|
|
|
|
<img src="https://img.shields.io/badge/vue-2.6.11-brightgreen.svg" alt="vue">
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://cli.vuejs.org/guide/">
|
|
|
|
|
<img src="https://img.shields.io/badge/@vue/cli-4.2.3-brightgreen.svg" alt="vue-cli">
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://youzan.github.io/vant/#/zh-CN/">
|
|
|
|
|
<img src="https://img.shields.io/badge/vant-2.7.0-brightgreen.svg" alt="vant">
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://www.npmjs.com/">
|
|
|
|
|
<img src="https://img.shields.io/badge/npm-6.9.0-brightgreen.svg" alt="npm">
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://github.com/Ewall1106/panda-vue-template/blob/master/LICENSE">
|
|
|
|
|
<img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
## 介绍
|
|
|
|
|
|
|
|
|
|
使用`vue`的技术栈来开发一个商场小项目。
|
|
|
|
|
这是一个纯前端的项目,后面可能会用`node`来写下服务端,但是当前项目中的数据都是走的mock,并为此维护了一份接口文档。
|
|
|
|
|
|
|
|
|
|
- [文章简要系列](https://www.jianshu.com/nb/14505636)
|
|
|
|
|
- [yapi接口文档](http://yapi.demo.qunar.com/project/17982)
|
|
|
|
|
|
|
|
|
|
## 使用
|
|
|
|
|
```
|
|
|
|
|
$ git clone git@github.com:Ewall1106/mall.git
|
|
|
|
|
$ npm/yarn install
|
|
|
|
|
$ npm run serve
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 推荐
|
|
|
|
|
- [webpack从0到1](https://github.com/Ewall1106/webpack-demo)
|
|
|
|
|
- [create-panda-app](https://github.com/Ewall1106/create-panda-app)
|
|
|
|
|
- [工具函数库panda-utils](https://github.com/Ewall1106/panda-utils)
|
|
|
|
|
|
|
|
|
|
## 规划中
|
|
|
|
|
|
|
|
|
|
* [ ] 使用node完成后端开发
|
|
|
|
|
* [ ] 使用kbone兼容到小程序
|
|
|
|
|
* [ ] 使用vuepress搭建项目网站及文档说明
|
|
|
|
|
|
|
|
|
|
## License
|
|
|
|
|
|
|
|
|
|
[MIT](https://github.com/Ewall1106/mall/blob/master/LICENSE)
|