# code-generate

> cider C端前端代码生成工具

#### 它帮你干了什么？

- 不再需要手工创建 页面 或 组件 目录，运行指令即可一键生成
- 生成带有高度项目规范的代码

<br/>

# 安装或更新

> 请先配置`node`环境，建议使用`nvm`并安装`node >= 14`版本

```sh
npm i @xuanzai/code-generate -g --registry=https://registry.npmjs.org/
```

或

```
yarn global add @xuanzai/code-generate --registry=https://registry.npmjs.org/
```

<br/>

# 使用说明

> 以下所有操作都在终端的项目根目录下执行：

#### 生成页面模板代码

> tips：它将自动为你导入页面 redux 模块 与 页面 scss 文件，无需手动导入

```sh
gen view <viewName：页面目录名称>
# 示例
gen view test-page
```

![](https://files.catbox.moe/eg06m6.png)

![](https://files.catbox.moe/nse08j.png)

#### 生成store module 模板代码

> tips：它将自动为你导入页面 redux 模块，无需手动导入

```sh
gen store <storeModuleName：redux 模块名称>
# 示例
gen store my-module
```

![](https://files.catbox.moe/o8ro7v.png)

![](https://files.catbox.moe/8nqvod.png)

#### 生成组件模板代码

```sh
gen component <componentName：组件目录名称>
# 示例
gen component my-button
```

![](https://files.catbox.moe/eo1ksz.png)

![](https://files.catbox.moe/q7rnre.png)

<br />

# 其他问题

请在飞书上联系 @温子旋 Xuanzai

