Vue Components

npm run start;

使用lerna，建议每个组件维度独立发包，每个组件在packages文件下单独建文件夹，且符合npm规范（之后会有自动化脚手架工具用于新建）；

样式控制在'/packages/sofa-theme'，统一样式控制；

• common/main，为核心样式核心变量文件，此文件主要控制整体颜色，通用样式；注意此文件不设置样式，只设置变量；
• common/detail，为详细样式变量文件，细节至某个组件的样式变量，注意此文件不设置样式，只设置变量；
• common/mixin，通用mixin文件；注意此文件仅包含mixin；
• common/name，bem命名控制文件；此文件仅包含bem命名相关mixin, function等；

1. 新建组件同名scss文件，放置于'sofa-theme/src'，例如button.scss;
2. 在index.scss入口文件中引入新组件样式文件;
3. 在新建scss文件中开始写样式，注意bem及mixin的使用，要求样式撰写清晰明了;

开发模式下运行的即为展示站，代码路径为'./site'；

npm run start

1. 每个组件在展示站中单独建page，路径'site/src/pages';
2. 注意路由配置；
3. 提供了组件 CompShowContainer 作为统一的组件放置容器，具体使用方式如下；

  <comp-show-container>
    <div class="buttons">
      <sofa-button type="danger" size="small" disabled>测试一下</sofa-button>
      <sofa-button type="danger" size="small" loading>测试一下</sofa-button>
      <sofa-button type="danger" size="small" plain>测试一下</sofa-button>
      <sofa-button type="danger" size="small" round>测试一下</sofa-button>
      <sofa-button type="danger" size="small" circle>测</sofa-button>
    </div>
  </comp-show-container>

  <comp-show-container showClass>
    <i class="sofa-icon-loading"></i>
  </comp-show-container>

为了方便内部发布npm，我搭建了内部的包服务器，详情见内部cnpm服务说明;

已完成了button的发包，详细发布及使用信息如下；

cnpm set registry http://10.188.40.14:7001
cnpm login
cnpm publish

cnpm i @sftc/sofa-button

coming soon;

简单发布脚本已完成，更完备的coming soon;

静态代码检查依旧使用的 airbnb 静态检查规则，另加入了一些规则禁用，详情见配置文件；

使用的github提供的 Travis-ci 作为持续集成工具，当前仅在提交代码时运行 npm run test 命令，并产出测试覆盖率文件，后期会加入更多的集成规则；

使用JEST作为单元测试工具，撰写完备的单元测试用例，对于组件库，测试覆盖率需要达到90%+；

使用github提供的 coveralls 作为测试覆盖率检查工具，对于组件库，测试覆盖率需要达到90%+；

自动初始化组件packages包，展示站相关路由、页面初始化；coming soon；

typescript分支使用的ts作为开发语言，会尽快合并到master；