移动端解决方案 Redx-Vue

小鱼儿 2022-05-19 13:49 206阅读 0赞

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

[vue]: http://www.oschina.net/p/vue-js
[vue-router]: http://www.oschina.net/p/vue-router?fromerr=abhzL44A
[vuex]: http://www.oschina.net/p/vuex?fromerr=V98sq9fg
[webpack]: http://www.oschina.net/p/webpack
[postcss]: http://www.oschina.net/p/postcss
[vue2.0]: https://github.com/vuejs/vue/issues/2873