[![NPM](https://img.shields.io/npm/v/vue-gen-router.svg)](https://www.npmjs.com/package/vue-gen-router)
[![NPM](https://img.shields.io/npm/dm/vue-gen-router.svg)](https://www.npmjs.com/package/vue-gen-router)
[![Apache 2.0 License](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)

## 自动生成router文件

通常情况下一个vue项目，随着时间的增加，router会越来越多，而大部分的代码其实都是重复的，修改很麻烦，还不如通过工具生成。

### 快速开始

为package.json添加依赖

```
yarn add --dev vue-gen-router
```

4种使用方式

1. 把yaml数据转换成tsx,并且输出到src/routers目录下，文件命名为config.tsx

``` 
node_modules/.bin/vue-gen-router -i example/router.yaml  -o src/routers -f config.tsx
```

2. 把yaml数据转换成js,并且输出到src/routers目录下，文件命名为config.js

```
node_modules/.bin/vue-gen-router -i example/router.yaml  -o src/routers -f config.js
```

3. 把tsx数据转换成yaml文件,并且输出到./目录下，文件命名为router.yaml

```
node_modules/.bin/vue-gen-router -i example/config.tsx  -o src/routers -f router.yaml
```


参考例子中文件夹下的example/router.yaml，建立自己的router.yaml，基本上和之前写vue-router时没有多大区别

#### yaml 配置选项参考vue-router

参考example

> 具体参照官网 https://router.vuejs.org/zh/api/#routes



#### cli 配置选项
- [x] [必选]-i yaml的加载文件
- [ ] [可选]-f 生成的router的文件名，默认是config.tsx, 如果修改成xxx.js，则生成的就是js文件
- [ ] [可选]-o 生成的router的文件输出到那个文件夹，默认是src/routers