zuibunan / redx-vue

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

redx-vue

基于vue、vuex、vue-router实现的移动端SPA框架模版

Technologies

• Vue
• Vuex(vuex-fsa)
• Vue-Router
• PostCSS
• Webpack
• Koa
• ES6

Quick Start

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

Docs

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

Demo

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

Usage

Command	Description
npm install	Install dependencies
npm run dev	Run webpack and restart server with hot-reload enabled
npm start	Run webpack and server with hot-reload enabled
npm run deploy	Build assets for development use, dumped in ./dist
npm run deploy:prod	Build assets for production use, dumped in ./dist
npm run deploy:start	Run static server to check dist files

Regulation

• 使用 ES6 编写
• 数据使用vuex管理
• 使用 .vue 单文件组件，组件中不建议直接写css
• 组件commponents以c-开头，view公共组件以v-开头
• 逻辑尽量写在 script 里，保持 template 逻辑简单
• i18n, validator，request 可以正常使用，components中的组件还不稳定，随时会改
• 不限制使用何种 UI 组件，可以使用第三方，或自己开发（请尽量考虑复用性）
• 尽量使用小的依赖库
• 整体尽量向 vue2.0 靠近

Directories

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

Link

• vue
• vue-router
• vuex
• vue-resource
• vue-cli
• vue-devtools

License

MIT © Redx