🛠️Standard Tooling for React.js Development
Branch: master
Clone or download
Latest commit 4de8209 Feb 23, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin optimize: react-init Feb 23, 2019
config genertateComponent Nov 30, 2018
lib update: logo Feb 23, 2019
static Compress pictures Dec 8, 2018
templates/component modify templates Dec 19, 2018
.gitignore add checkPackageVersion Sep 21, 2018
.npmignore ignore static/ Dec 8, 2018
LICENSE Create LICENSE Nov 19, 2018
README-us.md update description Dec 13, 2018
README.md update description Dec 13, 2018
package.json 0.3.0 Feb 23, 2019

README.md

react-cli

中文 | English

Downloads Version Node License


react-cli

一个CLI工具,快速创建基于Webpack的可配置React开发环境

安装

$ npm install -g @ice-point/react-cli

使用

创建一个项目

$ react init <project-name>

生成一个智能组件

$ react create <component-name> --smart
#
$ react create <component-name> -s

生成一个木偶组件

$ react create <component-name> --dumb
#
$ react create <component-name> -d

例子:

创建项目

$ react init my-project
$ cd my-project
$ npm start

然后打开http://localhost:3000/查看您的应用。

生成智能组件

$ react create header -s
# 或创建深层智能组件
$ react create header/nav -s

生成木偶组件

$ react create Table -d
# 或创建深层木偶组件
$ react create Table/TableRow -d

项目结构:

.
├── build                   # webpack配置
├── config                  # 公共配置
├── src                     # 开发目录
│   ├── actions             # redux/action
│   ├── assets              # 静态资源,会被webpack编译
│   ├── common              # 公共样式、通用工具
│   ├── components          # UI组件/木偶组件
│   ├── reducers            # redux/reducer
│   ├── store               # redux/store
│   ├── views               # 容器组件/智能组件
│   ├── App.jsx             # 根组件
│   ├── index.js            # 入口文件
│   └── index.tpl.html      # html模板文件
├── static                  # 静态资源,不会被webpack编译
├── .babelrc
├── .gitignore
├── package.json
├── postcss.config.js
└── README.md

文档

Temporary document

更新日志

发行说明中记录了每个版本的详细更改。

保持联系

License

MIT