# generator-reactpackage-kit

> 基于react+webpack的项目脚手架(generator based on react+webpack)

Latest version **2.1.1** (published 2016-11-24) · ISC license · 0 weekly downloads

## Install

```sh
npm install generator-reactpackage-kit
pnpm add generator-reactpackage-kit
yarn add generator-reactpackage-kit
bun add generator-reactpackage-kit
```

## 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 | 2.1.1 |
| Published | 2016-11-24 |
| First published | 2016-11-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | qi |
| Maintainers | qix7 |

## Links

- npm: https://www.npmjs.com/package/generator-reactpackage-kit
- npm.io page: https://npm.io/package/generator-reactpackage-kit

## Dependencies (6)

- [chai](https://npm.io/package/chai.md) ^3.3.0
- [chalk](https://npm.io/package/chalk.md) ^1.1.1
- [mocha](https://npm.io/package/mocha.md) ^2.3.3
- [yosay](https://npm.io/package/yosay.md) ^1.0.5
- [fs-extra](https://npm.io/package/fs-extra.md) ^0.24.0
- [yeoman-generator](https://npm.io/package/yeoman-generator.md) ^0.24.1

## Recent versions

- 2.1.1 (latest) — 2016-11-24
- 2.1.0 — 2016-11-24
- 1.1.0 — 2016-11-23

## README

##脚手架使用说明( Intro )

###安装步骤( Installation steps )

使用yeoman安装(Using Yeman to install)

首先安装yeoman()

```javascript
npm install -g yo
```

通过npm直接安装脚手架

```javascript
npm install -g generator-reactpackage-kit
```

新建项目文件夹，在文件夹下运行：（mkdir dirname cd dirname）

```javascript
yo reactpackage-kit
```

不出意外的话，会生成如下目录，Bazinga!!! (project category)

* app

  +components        组件库，存放公用组件和模块

  +images                需要自己添加

  +templates            html模板，如果无特殊需求，只需要默认模板即可

  +utils		      引用的第三方插件或者自己编写的插件，如ajax.js等

  +view	              视图页面

  ​    +index               文件夹可自由命名，默认仅供参考

  ​	-index.jsx       页面逻辑用jsx编写

  ​	-style.less      页面样式

  ​    -about

* build                       项目最终生成的文件，页面会自动引入相关资源，棒棒哒

  +js

  +css

  home.html

  about.html

* .babelrc                  配置babel文件，编译es6

* webpack.config.js       webpack开发环境配置

* webpack.production.config.js           webpack生产环境配置

* Readme.md          别说话，读我

### 运行命令

首次使用如下命令安装所有依赖包：

```javascript
npm install 
```

默认安装了ant design框架，如无需要可在package.json先删去再安装 :)

开发时只有两个命令，坦率的讲，只需要这两个就够了： 

```
npm start  //启动服务，改变代码，实时刷新哟
npm run build   //开发完成之后的打包，就是这么简单dei si
```

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