原则:
- 友好兼容 IE6
- 流式设计
- ...
构建:
- gulp
脚手架:
自动生成规范及构建环境
- slush
slush mui
目录规范:
├── .bowerrc ├── .csslintrc ├── .editorconfig ├── .eslintrc ├── .git ├── .gitattributes ├── .gitignore ├── .jshintrc ├── .travis.yml ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── bower.json ├── demo ├── dist ├── doc ├── gulpfile.js ├── node_modules ├── package.json └── src
说明: 通过包管理安装时只有 dist 目录.
代码规范:
js: eslint css: csslint
在 git precommit/push 触发 npm test.
版本控制:
git tag
开发:
后续发布 github.
粒度与业务拆分:
- 最小化粒度开发
mui-base
mui-btn
- 按业务抽象
bower install mui-mod-tab
- 按产品线定制
主站: bower install mui-suit
乐播: bower install mui-suit-lebo
mui-suit-lebo:
mui-base
mui-btn
mui-theme-lebo
http://gitlab.pro/mui/mui-suit.git
与世界接轨, 支持主流包管理
npm:
npm install mui-suit-lebo
Component:
component install mui/suit-lebo
Bower:
bower install mui-suit-lebo
spec
https://github.com/typicode/husky https://github.com/CSSLint/csslint/wiki/Working-with-Rules
Tools
http://learnboost.github.io/stylus/
https://github.com/aslansky/css-sprite