add bee-tools
This commit is contained in:
parent
347659e9c8
commit
182207284f
|
@ -3,7 +3,6 @@
|
|||
### 测试依赖
|
||||
- mocha
|
||||
- chai
|
||||
- jsdom
|
||||
- enzyme
|
||||
|
||||
### 试用Enzyme测试
|
||||
|
|
|
@ -36,8 +36,7 @@ const class1 = {
|
|||
[`${clsPrefix}-item`]: true,
|
||||
[`${clsPrefix}-item-last`]: stepLast,
|
||||
[`${clsPrefix}-status-${status}`]: true,
|
||||
[`${clsPrefix}-custom`]: icon,
|
||||
[className]: !!className,
|
||||
[`${clsPrefix}-custom`]: icon
|
||||
};
|
||||
const class2 = [`${clsPrefix}-submit`, `${clsPrefix}-item`];
|
||||
|
||||
|
|
|
@ -17,6 +17,7 @@ mkdir button
|
|||
cd button
|
||||
yo tinper-bee --port=8000 --author=yonyou
|
||||
```
|
||||
|
||||
API介绍
|
||||
|
||||
| 参数 | 说明 | 默认值 |
|
||||
|
@ -29,7 +30,12 @@ API介绍
|
|||
|
||||
默认发布的包名为bee-组件名
|
||||
|
||||
#### 3、开发指南
|
||||
#### 3、下载tinper-bee开发工具
|
||||
```
|
||||
npm install -g bee-tools
|
||||
```
|
||||
|
||||
#### 4、开发指南
|
||||
##### 目录结构
|
||||
|
||||
```
|
||||
|
@ -42,17 +48,13 @@ API介绍
|
|||
-Button.scss
|
||||
-index.js
|
||||
-test
|
||||
-setup.js
|
||||
-index.test.js
|
||||
-Button.test.js
|
||||
-.eslintignore
|
||||
-.eslintrc
|
||||
-.npmignore
|
||||
-gulpfile.js
|
||||
-HISTORY.md
|
||||
-index.html
|
||||
-package.json
|
||||
-README.md
|
||||
-webpack.dev.js
|
||||
```
|
||||
##### 目录说明
|
||||
|
||||
|
@ -60,7 +62,7 @@ API介绍
|
|||
- 在 demo 目录下写使用用例。
|
||||
- 在 test 目录下写 测试用例。
|
||||
- build目录产出打包组件。
|
||||
- 代码规范参考 [代码规范]()。
|
||||
- 代码规范参考 [代码规范](https://github.com/tinper-bee/react-components-docs/blob/master/react%E7%BC%96%E7%A0%81%E8%A7%84%E8%8C%83.md)。
|
||||
- 根目录 中的 html 不可修改,通过 js 中的 jsx 渲染页面,通过 require css 引入 css。
|
||||
- 开发中用到其他公共库,通过 `npm install --save` 以及 `npm install --save-dev` 来安装
|
||||
|
||||
|
@ -71,9 +73,13 @@ API介绍
|
|||
##### 开发调试
|
||||
|
||||
- 在项目根目录执行 `npm install` 安装必要模块
|
||||
- 在项目根目录执行 `npm run dev` 查看demo
|
||||
- 在项目根目录执行 `gulp` 产出build目录代码
|
||||
- 在项目根目录执行 `gulp publish` 进行组件发布,master分支为正式发布版,release分支为开发分支
|
||||
- 在项目根目录执行 `npm run dev` 查看demo,进行调试
|
||||
- 在项目根目录执行 `npm run build` 产出build目录代码
|
||||
- 在项目根目录执行 `npm run lint` 执行lint检查
|
||||
- 在项目根目录执行 `npm run test` 执行测试用例
|
||||
- 在项目根目录执行 `npm run chrome` 在chrome执行测试用例
|
||||
- 在项目根目录执行 `npm run browsers` 在本机多浏览器执行测试用例
|
||||
- 在项目根目录执行 `npm run pub` 进行组件发布,master分支为正式发布版,release分支为开发分支
|
||||
|
||||
##### 浏览器支持版本
|
||||
|
||||
|
|
Loading…
Reference in New Issue