# qiu-react-cli

> qiu-react-cli

Latest version **1.0.4** (published 2019-02-24) · ISC license · 0 weekly downloads

## Install

```sh
npm install qiu-react-cli
pnpm add qiu-react-cli
yarn add qiu-react-cli
bun add qiu-react-cli
```

Provides the command `qiu`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2019-02-24 |
| First published | 2018-08-20 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 8 |
| Unpacked size | 13.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Ann Huang |
| Maintainers | annhuang |
| Keywords | qiu-react-cli |

## Links

- npm: https://www.npmjs.com/package/qiu-react-cli
- npm.io page: https://npm.io/package/qiu-react-cli

## Dependencies (8)

- [co](https://npm.io/package/co.md) ^4.6.0
- [glob](https://npm.io/package/glob.md) ^7.1.2
- [chalk](https://npm.io/package/chalk.md) ^1.1.3
- [inquirer](https://npm.io/package/inquirer.md) ^6.1.0
- [co-prompt](https://npm.io/package/co-prompt.md) ^1.0.0
- [commander](https://npm.io/package/commander.md) ^2.9.0
- [handlebars](https://npm.io/package/handlebars.md) ^4.1.0
- [metalsmith](https://npm.io/package/metalsmith.md) ^2.3.0

## Recent versions

- 1.0.4 (latest) — 2019-02-24
- 1.0.2 — 2019-02-22
- 1.0.1 — 2018-08-20
- 1.0.0 — 2018-08-20

## README

## qiu-react-cli

A CLI for scaffolding React.js projects.

<br />

## Installation

`$ npm install -g qiu-react-cli`

<br />

## Usage

- project init
```bash
    ## 1. 脚手架初始化
    qiu init

    ## 2. 建立自己的项目
    cd [projece name]

    ## 3. 安装项目依赖
    npm install

    ## 4. 开启mock服务，使用的是3000的端口
    npm run mock

    ## 5. 启动项目，使用的是8000的端口
    npm start
```

- new page
```bash
    ## 新建一个页面
    qiu page <name>
```

- new component
```bash
    ## 新建一个组件
    qiu component <name>
```

<br />

## Features

**Javascript**
- Language: ES6
- Loader: Babel
- Framework: React + mobx/Redux + React-router-dom

**CSS/Preprocessors**
- Stylus
- Postcss
- Normalize.css

**Module loader**
- Webpack

**Package manage**
- npm

**Others**
- Eslint

<br />

## Directory structure

when mobx chose:
```
    .
    └── app
        ├── common
       │   └── js
       │   └── fonts
       │   └── stylus
       │       ├── base.styl
       │       ├── iconfont.styl
       │       ├── index.styl
       │       └── mixin.styl
       ├── components
       │   ├── input
       │   │   ├── index.js
       │   │   └── index.styl
       ├── containers
       │   └── todo
       │       ├── index.js
       │       └── index.styl
       │       └── store.js
        ├── index.js
        ├── index.tmpl.html
    ├── .babelrc
    ├── .postcssrc.js
    ├── .eslintrc
    ├── .eslintignore
    ├── .gitignore
    ├── .editorconfig
    ├── LICENSE
    ├── package.json
    ├── README.md
    ├── webpack.config.js
    └── webpack.production.config.js
```

when redux chose:
```
    .
    └── app
    │   ├── reducers
        ├── actions
        ├── store
        ├── common
       │   └── js
       │   └── fonts
       │   └── stylus
       │       ├── base.styl
       │       ├── iconfont.styl
       │       ├── index.styl
       │       └── mixin.styl
       ├── components
       │   ├── input
       │   │   ├── index.js
       │   │   └── index.styl
       ├── containers
       │   └── todo
       │       ├── index.js
       │       └── index.styl
        ├── index.js
        ├── index.tmpl.html
    ├── .babelrc
    ├── .postcssrc.js
    ├── .eslintrc
    ├── .eslintignore
    ├── .gitignore
    ├── .editorconfig
    ├── LICENSE
    ├── package.json
    ├── README.md
    ├── webpack.config.js
    └── webpack.production.config.js
```

---
_Source: https://npm.io/package/qiu-react-cli · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._