kgen

kgen 是一个用于 TypeScript (即将支持 JS) React 项目的代码生成 CLI 工具，用 Rust 构建。

它加快了您的开发速度，并在整个项目中强制执行标准化。

命令示例

kgen component header --data

您还可以这样做

kgen c header -d

在您的 /components 目录中生成一个组件（可配置），并感谢 --data 标志向其中添加基本的数据获取逻辑。生成的组件应类似于以下内容

import React from "react";
import { useState, useEffect } from "react";

interface HeaderProps {
    
}

interface DataType {
    
}

export const Header = ({ }: HeaderProps) => {
    const [data, setData] = useState<DataType>({});

    useEffect(() => {
        fetch("").then(res => res.json().then(data => {
            setData(data);
        }))
    }, [])

    return (
        <>
        
        </>
    )
}

帮助部分：所有命令和描述

要获取所有命令、标志和别名及其简短描述的辅助列表，只需在终端中键入 kgen 或 kgen --help 即可。

用法:

kgen [FILE_TYPE] [NAME] <EXTRA_OPTIONS>

• 文件类型

  • component | 别名: c | 在组件目录中生成具有样板代码的组件文件。
  • page | 别名: p | 在 pages 目录中生成具有样板代码的页面组件文件。

• 选项（标志）

  • --data | 别名: -d | 向组件添加数据获取逻辑。
  • --children | 别名: -c | 向组件添加子组件逻辑。
  • --local | 别名: -l | 在当前目录中创建组件。