@z2o/react-cli

Command line interface for rapid React.js development

Usage no npm install needed!

<script type="module">
  import z2oReactCli from 'https://cdn.skypack.dev/@z2o/react-cli';
</script>

README

react-cli

中文 | English

Downloads Version Node License

react-cli

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

安装

$ npm install -g @z2o/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

生成智能组件

$ 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

文档

官网

更新日志

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

License

MIT