add bee-tools

react组件测试流程和规范.md

@@ -3,7 +3,6 @@
 ### 测试依赖
 - mocha
 - chai
-- jsdom
 - enzyme
 
 ### 试用Enzyme测试

react编码规范.md

@@ -36,8 +36,7 @@ const class1 = {
     [`${clsPrefix}-item`]: true,
     [`${clsPrefix}-item-last`]: stepLast,
     [`${clsPrefix}-status-${status}`]: true,
-    [`${clsPrefix}-custom`]: icon,
+    [`${clsPrefix}-custom`]: icon
-    [className]: !!className,
   };
 const class2 = [`${clsPrefix}-submit`, `${clsPrefix}-item`];
 

如何写一个标准的react组件.md

@@ -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
+ -Button.test.js
- -index.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
+- 在项目根目录执行 `npm run dev` 查看demo，进行调试
-- 在项目根目录执行 `gulp` 产出build目录代码
+- 在项目根目录执行 `npm run build` 产出build目录代码
-- 在项目根目录执行 `gulp publish` 进行组件发布,master分支为正式发布版，release分支为开发分支
+- 在项目根目录执行 `npm run lint` 执行lint检查
+- 在项目根目录执行 `npm run test` 执行测试用例
+- 在项目根目录执行 `npm run chrome` 在chrome执行测试用例
+- 在项目根目录执行 `npm run browsers` 在本机多浏览器执行测试用例
+- 在项目根目录执行 `npm run pub` 进行组件发布,master分支为正式发布版，release分支为开发分支
 
 ##### 浏览器支持版本