基于vue、vuex、vue-router实现的移动端SPA框架模版
- Vue
- Vuex
- Vue-Router
- PostCSS
- Webpack
- Koa
- ES6
- 2016-8-10
- 解决本地图片加载报错问题,
- 调整发包后的文件命名及目录结构
- 2016-8-6
- 添加weinre手机调试功能
- 2016-8-5
- 修护iscroll滚动缓慢问题
- 添加动态二维码组件
c-qrcode
,方便手机扫码调试
- 2016-8-3
- 添加iscroll指令及demo用法,用法参考vue-infinite-scroll
- 修改执行
deploy:prod
报错问题 - 将vx目录改成store,有助理解vuex数据
- 修改docs样式
- 2016-7-22
- 完善docs文档,修复window系统无法访问docs路由
- 修复国际化请求代理问题
- 2016-7-21
- 修改request,支持请求代理
- 2016-7-19
- 简化vuex数据模型,升级到[email protected]
- 2016-7-13
- 添加c-swipe组件
- 添加swipe例子
- 简化components组件引用方式
- 修改eslint配置项
- 2016-7-8
- 升级vuex,将vuex-fsa升级到vuex的^1.0.0-rc.2版本
- 修改中间件文件夹middlewares->plugins,用法与官方统一vuex1.0
- 规范v-for指令用法
- 更新相关文档
- 引入postcss-functions,支持css中运用function
- 修改toast错误提示背景色
- 修改c-form组件用法
- 修改c-image组件,支持Lazyload
- 数据缓存
- components组件目录化,将样式移到对应组件文件夹中
$ 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
# open http://localhost:3200/#!/demo
Command | Description |
---|---|
npm install | Install dependencies |
npm run dev | Run webpack and restart server with hot-reload enabled |
npm run dev:weinre | Run webpack and restart server with hot-reload enabled and open weinre function |
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 start:prod | Run static server to check dist files |
npm run weinre | Run weinre server |
- 使用 ES6 编写
- 数据使用vuex管理
- 使用 .vue 单文件组件,组件中不建议直接写css
- 组件commponents以c-开头,view公共组件以v-开头
- 逻辑尽量写在 script 里,保持 template 逻辑简单
- i18n, validator,request 可以正常使用,components中的组件还不稳定,随时会改
- 不限制使用何种 UI 组件,可以使用第三方,或自己开发(请尽量考虑复用性)
- 尽量使用小的依赖库
- 整体尽量向 vue2.0 靠近
- v-for中禁止使用$index and $key,vue2.0会去掉
- 禁止使用partials、elementDirective、$dispatch、$broadcast等
- v-model 中的debounce尽量少用
redx-vue
├── bin
├── build
├── config
├── server
│ ├── lib
│ └── middleware
└── src #核心代码
├── components #ui组件库(目前自建)
├── plugins #插件库
│ ├── i18n
│ ├── iscroll
│ └── validator
├── routes #路由
├── static #静态文件
│ ├── docs
│ ├── i18n
│ └── images
├── themes #主题
│ └── default
│ ├── components
│ ├── fonts
│ ├── images
│ ├── mixins
│ ├── variables
│ └── views
├── utils #公共库(request)
├── views #业务组件
│ ├── common
│ ├── demo
│ └── docs
└── store #vuex数据管理
├── plugins
└── modules
MIT © Redx