cnode-antd-moble

使用蚂蚁金服的antd-moble进行开发的conde移动版社区

基于现有的脚手架开发 react-starter-kit

---

线上预览地址

https://cnode.songzhengxu.cn/

快速开始

$ git clone https://github.com/songzhengxu/cnode-antd-moble.git
$ cd cnode-antd-moble
$ npm install

2.1 开发调试

//启动项目
$ npm run dev

将自动打开浏览器http://127.0.0.1:3000,如没有打开,请手动打开

2.2 代码检查

$ 编译和打包都会自动运行代码检查 基于airbnb语法规范
  也可以配置编辑器,在编码时实时检查语法 如: atom需要安装linter和linter-eslint这两个插件, 装好后重启生效.

2.3 测试用例

$ npm run test              // 运行单元测试
$ npm run coverage      // 运行覆盖率测试

单元测试在控制台输出报告，覆盖率测试将在项目根目录中创建coverage文件夹来输出测试报告， 进入coverage/lcov-report 中，打开index.html 能够在浏览器中查看更加详细的覆盖率测试报告

2.4 产出资源

$ npm run build

导出的代码在项目根目录中

---

目录结构

cnode-antd-moble/
├─src                 // 源文件目录
│  ├─Action     
│  ├─Assets           // 图片资源
│  ├─Component
│  │  └─Common
│  ├─Config
│  ├─Iconfont         // 字体
│  ├─Reducer
│  ├─Style
│  ├─Template         // html模板
│  └─utils
└─test                // 测试用例目录
    ├─Action
    ├─Component
    └─Reducer

---

技术栈

1. Webpack
2. React
3. ES6
4. Redux
5. React-router
6. Babel
7. Autoprefixer
8. PostCSS
9. CSS modules
10. Less
11. Eslint