快速开始

环境要求

• node.js > v8.0.0 (支持async/await)
• npm 5.8.0
• 命令行工具
  • Windown: cmd
  • Mac: Terminal

项目安装

git clone https://github.com/sgdh-fe/component.git      
npm install  // yarn    

增加组件

npm run add

删除组件

npm run del

版本历史

• v0.1.0: 查看组件列表和详情;

  1. 生成统一数据结构;
  2. 给每个组件编写readme文档;
  3. 添加首页;
  4. 上传组件;

• v0.1.1: 完善展示功能;

• v0.1.2: 调研新版功能：怎么实现实时编辑预览

• v0.2.0: 完成发布组件功能 (2018/03/28)

  • 只打包新的模块;
  • 修改example文件夹问题；
  • 调研结果
  • 使用模块化例子测试Node构建程序;
  • 用命令行创建组件;
  • 用命令删除组件;
  • 自动给组件截图;(准确度不高)
  • 充实8个组件内容;
  • 设计方案解决没有样例的组件; 【自己创建例子将远程地址添加到配置文件中，判断地址是否有http头如果有的话直接跳转到当前地址】

• V0.2.1: 优化截图和Windows系统上体验

• V0.3.0: 增加分类，结构化展示;

---

需求池

• 生成页面时增加parentPath;
• 支持多个例子展示;
• 编辑器支持滑动调整宽度;
• 确定预览图的存放位置;
• 支持非模块化组件;
• 产品起名
• 增加作者
• 下载需求
• 模块化组件支持修改Css
• 支持HTML是路径的情况
• 调整入口文件代码结构（将入口逻辑放入其他文件中，只留下调用关系）
• 上传组件命令
• 制定列表页中组件的顺序（现在列表的组件顺序都是按照字母顺序来的）
• 增加解析example文件夹能力（不用手动增加这种库文件）
• 给组件自动生成截图;
• 兼容引用的代码已经压缩情况; (文件名为min,或者内容是webpack生成的内容)
• 增加Tag标签（方便日后搜索功能）
• 组件内容充实
  1. 登录
  2. 城市选择器
  3. Tab
  4. 翻页
  5. checkbox
  6. 左侧菜单
  7. 表格
  8. 表单
  9. 分布条
  10. 注册协议
  11. 下拉框
  12. 复制链接
  13. 日历范围选择器
  14. 面包屑

Bug列表

• 修改非模块组件库文件需要依赖源代码本身bug（后续组件的源代码不存放在项目中而且放在github或者gitlab上，用户只需要输入组件地址）,需要将库文件复制到Dist文件夹中。

用户反馈

• 小雄
  • 增加版本号、一个组件为一个项目（这样方便组件迭代）
  • 保证文档完整;

开发手册

常用开发命令

• 调式Node端代码: node --inspect --inspect-brk moduleToJson.js
• 实时运行代码: watch-run node moduleToJson.js