# Web-app-elm

**Repository Path**: pengtaocc/Web-app-elm

## Basic Information

- **Project Name**: Web-app-elm
- **Description**: 🍜vue+cube-ui 外卖版WebApp
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 介绍本项目
这是一个移动端仿外卖项目
### 目录结构 
        ├── public 
        │   ├── favicon.ico 
        │   └── index.html 
        ├── README.md 
        ├── server.js 
        ├── src 
        │   ├── api 
        │   │   ├── helpers.js 
        │   │   └── index.js 
        │   ├── App.vue 
        │   ├── common 
        │   │   ├── fonts 
        │   │   │   ├── sell-icon.eot 
        │   │   │   ├── sell-icon.svg 
        │   │   │   ├── sell-icon.ttf 
        │   │   │   └── sell-icon.woff
        │   │   ├── js
        │   │   │   └── storage.js
        │   │   ├── mixins
        │   │   │   ├── popup.js
        │   │   │   └── rating.js
        │   │   └── stylus
        │   │       ├── base.styl
        │   │       ├── icon.styl
        │   │       ├── index.styl
        │   │       ├── mixin.styl
        │   │       └── variable.styl
        │   ├── components
        │   │   ├── bubble
        │   │   │   └── bubble.vue
        │   │   ├── cart-control
        │   │   │   └── cart-control.vue
        │   │   ├── food
        │   │   │   └── food.vue
        │   │   ├── goods
        │   │   │   └── goods.vue
        │   │   ├── header-detail
        │   │   │   └── header-detail.vue
        │   │   ├── rating-select
        │   │   │   └── rating-select.vue
        │   │   ├── ratings
        │   │   │   └── ratings.vue
        │   │   ├── seller
        │   │   │   └── seller.vue
        │   │   ├── shop-cart
        │   │   │   └── shop-cart.vue
        │   │   ├── shop-cart-list
        │   │   │   └── shop-cart-list.vue
        │   │   ├── shop-cart-sticky
        │   │   │   └── shop-cart-sticky.vue
        │   │   ├── split
        │   │   │   └── split.vue
        │   │   ├── star
        │   │   │   ├── star.vue
        │   │   ├── support-ico
        │   │   │   └── support-ico.vue
        │   │   ├── tab
        │   │   │   └── tab.vue
        │   │   └── v-header
        │   │       └── v-header.vue
        │   ├── cube-ui.js
        │   ├── main.js
        │   ├── register.js
        │   └── theme.styl
        └── vue.config.js
### 运行本项目
+ git clone https://github.com/pengtaoa/Web-app-elm.git
+ npm i
+ npm run server
或者 也可以使用node本地服务器打开预览->执行 node server.js
### 技术栈
vue2.x mock cube-ui stylus 
其中学了到cube-ui的一个重要思想 creat-api 可以把一个组件当成API来调用 重构项目的同时也复习了之前写的代码，收获颇多
+ 使用第三方插件辅助开发提升开发效率，避免重复造轮子
 - moment.js bsrcroll.js 
+ 高度组件化，模块化的开发思想
+ 主动学习相关原理，可以看看源码，这样日后自己便可以根据需求造轮子了