移动端解决方案 Redx-Vue

Redx-Vue 详细介绍

Redx-Vue 是基于vue、vue-router、vuex、webpack、postcss等实现移动端解决方案。

快速入门：

$ git clone git@https://github.com/redgang/redx-vue.git
$ cd redx-vue
$ npm install
$ npm start# open http://localhost:3200

查看文档：

# open http://localhost:3200/#!/docs

查看 Demo:

# open http://localhost:3200/#!/demo

规则说明：

• 使用 ES6 编写

• 数据使用vuex管理

• 使用 .vue 单文件组件，组件中不建议直接写css

• 组件commponents以c-开头，view公共组件以v-开头

• 逻辑尽量写在 script 里，保持 template 逻辑简单

• i18n, validator，request 可以正常使用，components中的组件还不稳定，随时会改

• 不限制使用何种 UI 组件，可以使用第三方，或自己开发（请尽量考虑复用性）

• 尽量使用小的依赖库

• 整体尽量向 vue2.0 靠近

目录结构：

redx-vue
├── bin
├── build
├── config
├── server
│   ├── lib
│   └── middleware
└── src                                 #核心代码
    ├── components                      #ui组件库（目前自建）
    ├── plugins                         #插件库
    │   ├── i18n
    │   └── validator
    ├── routes                          ＃路由
    ├── static                          ＃静态文件
    │   ├── docs
    │   ├── i18n                        
    │   └── images
    ├── themes                          ＃主题
    │   └── default
    │       ├── components              
    │       ├── fonts                   
    │       ├── images
    │       ├── mixins                  
    │       ├── variables               
    │       └── views                   
    ├── utils                           ＃公共库（request）
    ├── views                           ＃业务组件
    │   ├── common                      
    │   ├── demo                        
    │   └── docs                        
    └── vx                              ＃vuex数据管理
        ├── actions
        ├── constants
        ├── getters
        ├── middlewares
        └── modules