shengbeiniao/one-starter

基于one-base的快速开发项目

准备清单

1. webstorm

2. node

3. nodemon

   npm i nodemon -g

项目概述

本项目基于阿里dva和antd开发,所有基础组件如Layout封装在one-base项目中， 开发者引入Layout后，只需关心子系统业务页面的开发。 Layout使用规范，具体参考src/router.js和src/index.js

项目预览

开始开发

  $ mkdir one-starter
  $ cd one-starter
  $ git clone [email protected]:shengbeiniao/one-starter.git
  $ npm i
  $ npm start
  $ #启动mock服务器
  $ cd mock
  $ npm i
  $ nodemon app.js

项目核心依赖库一览

• react

  English

  中文

• react-router

  English

  中文

• redux

  English

  中文

• react-redux

  English

• react-router-redux

  English

• CSS Modules

  English CSS模块化概述

• Dora

  中文

• Webpack

  English

• react-chartjs

  English

• async-validator

  English

常见问题及解决

• 设置Table的expandedRowRender却无法展开

  请确认是否设置了rowKey,且值等于数据源中的id标识。

• Select设置multiple属性后报错

  请确认FormItem中的getFieldDecorator的initialValue属性为数组

• Form保存后,表单状态残留引发编辑和新建初始化异常

  initialValue只用于初始加载，表单改变后，需要使用setFieldsValue重新赋值

优化Webstorm

禁用node_modules索引,并添加所需要的依赖

1. Preferences-->directories-->exclude node_modules
2. Preferences-->Languages&Frameworks-->library-->remove node_modules
3. Preferences-->Languages&Frameworks-->library-->add React,Redux...

扩展插件

• CSS Modules 插件
• React Dev Tools
• Redux Dev Tools

one-starter's Issues

npm start时报错

如下错误：
ERROR in ./~/one-base/src/index.js
Module parse failed: G:\os\react\dva\one-starter\node_modules\one-base\src\index.js Line 9: Unexpected token
You may need an appropriate loader to handle this file type.
| 'use strict';
|
| export {default as app} from './app';
| export {default as Router} from './Router';
| export {default as BaseData} from './util/BaseData';
@ ./src/index.js 3:15-34