/redx-vue

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

Primary LanguageJavaScript

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

License

MIT © Redx