lfbp-Element(Extend from element)
Links
开发环境搭建
首先你需要 Node.js 4+ (推荐6.9.5版本)和 NPM 3+
git clone git@github.com:ElemeFE/element.git
npm run dev
# open http://localhost:8085如果国内用户觉得安装慢可以使用 yarn 搭配 taobao registry
npm i yarn -g
yarn config set registry https://registry.npm.taobao.org
yarn
npm run dev
# open http://localhost:8085To build:
npm run dist组件开发规范
- 通过
make new创建组件目录结构，包含测试代码、入口文件、cooking 配置、package.json、文档 - 如果包含父子组件，需要更改目录结构，参考
Button - 组件内如果依赖了其他组件，需要在当前组件内引入，参考
Select
Ifbp 组件开发
添加组件
- 在ifbp-element项目根目录下packages文件里创建文件夹，例如：
mkdir test- 在该组件文件目录下index.js里暴露组件出去，这里的命名规则要保持与lfbp-element保持一致，以El作为组件前缀，例如：
import ElTest from './src/test';
/* istanbul ignore next */
ElTest.install = function(Vue) {
Vue.component(ElTest.name, ElTest);
};
export default ElTest;- 在该组件文件目录下src文件夹里写你的vue组件，组件名例如：
test.vue
在test.vue文件里 name 字段的值也要与上面保持一致，写成对应的ElTest。
- 运行
npm run dist命令跑完之后会在packages/theme-default目录下自动创建该组件需要的css文件，组件样式写在这里即可。 会生成打包之后的lib文件夹。
添加文档
- 在examples/docs目录下添加组件名字命名的md文件
- 在examples下的nav.config.json里添加路由,路由放在最下面ifbp的组里，路由名字与组件名字保持一致。
代码规范
遵循饿了么前端的 ESLint 即可
工程规范
commit 信息要以[组件名]: 描述信息 的形式填写，例如 Button: fix xxx bug。
不要提交 lib 里面打包的文件。
执行 npm run dist 后可以正确打包文件。
为了兼容性以及最终打包的文件体积考虑，我们的 babel 只引入了 preset-2015，所以不建议使用 ES2015 的 API，例如 Array.prototype.find、Object.assign等。如果有需要，请引入第三方的 polyfill。
提交到 dev 分支，而不是 master 分支。
合并代码需要两名维护人员参与：一人进行 review 后 approve，另一人再次 review，通过后即可合并。
LICENSE
MIT