|
|
|
|
<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的技术栈来开发一个商场小项目。
|
|
|
|
|
- [文章简要系列](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)
|
