|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<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">panda-vue-template</h3>
|
|
|
|
|
<h3 align="center">手把手教你搭建vue小商城</h3>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p align="center">
|
|
|
|
@ -23,30 +23,22 @@
|
|
|
|
|
|
|
|
|
|
## 介绍
|
|
|
|
|
|
|
|
|
|
此为[create-panda-app](https://github.com/Ewall1106/create-panda-app)脚手架的内容模板之一。
|
|
|
|
|
该模板内容基于最新官方脚手架`vue-cli3.x`构建,在此基础上进行一些能力的补充,以便能更好的对新立的项目进行开发和升级。
|
|
|
|
|
- 使用vue的技术栈来开发一个商场小项目。
|
|
|
|
|
- [yapi接口文档](http://yapi.demo.qunar.com/project/17982)
|
|
|
|
|
- [文章简要系列](https://www.jianshu.com/nb/14505636)
|
|
|
|
|
|
|
|
|
|
## 使用
|
|
|
|
|
|
|
|
|
|
- 推荐使用[create-panda-app](https://github.com/Ewall1106/create-panda-app)来使用本模板构建项目;
|
|
|
|
|
- 或直接`clone`使用这个模板:
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
$ git clone git@github.com:Ewall1106/panda-vue-template.git
|
|
|
|
|
$ git clone git@github.com:Ewall1106/mall.git
|
|
|
|
|
$ npm/yarn install
|
|
|
|
|
$ npm run serve
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## 相关说明
|
|
|
|
|
|
|
|
|
|
- [一次讲清移动端适配解决方案—rem 和 vw]()
|
|
|
|
|
- [浏览器默认样式、1px 边框问题、css 预编译]()
|
|
|
|
|
- [vue-cli3.0 与 vant 的引入]()
|
|
|
|
|
- [axios 的封装与数据 mock]()
|
|
|
|
|
- [vuex 的基本使用]()
|
|
|
|
|
- [路由守卫、权限验证]()
|
|
|
|
|
- [函数工具库 panda-utils、filters 过滤器]()
|
|
|
|
|
## 推荐
|
|
|
|
|
- [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)
|
|
|
|
|
|
|
|
|
|
## License
|
|
|
|
|
|
|
|
|
|
[MIT](https://github.com/Ewall1106/panda-vue-template/blob/master/LICENSE)
|
|
|
|
|
[MIT](https://github.com/Ewall1106/mall/blob/master/LICENSE)
|
|
|
|
|