Skip to content

🚗很很多前端同学,每日不仅要忙于内卷,还要忙于奔波在重复的业务逻辑期间,所以我们索性开发了这样一款工具,帮助大家可以直接根据接口生成 CURD 的全部代码,让大家生活多些快乐~

License

Notifications You must be signed in to change notification settings

lgwebdream/fe-code

This branch is 19 commits behind main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c29118e · Jun 18, 2024
Aug 26, 2021
Jul 12, 2021
Jul 8, 2021
Aug 26, 2021
Aug 16, 2021
Jul 30, 2021
Jul 13, 2021
Aug 25, 2021
Aug 25, 2021
Aug 7, 2021
Aug 23, 2021
Aug 24, 2021
Aug 17, 2021
Aug 15, 2021
Jul 26, 2021
Jul 14, 2021
Aug 6, 2021
Aug 20, 2021
Aug 23, 2021
Jul 12, 2021
Aug 15, 2021
Jun 18, 2024
Jul 18, 2021
Aug 17, 2021
Aug 26, 2021

Repository files navigation

🤖 前端代码 no-code 🌈

很多前端同学,每日不仅要忙于内卷,还要忙于奔波在重复的业务逻辑期间,所以我们索性开发了这样一款工具,帮助大家可以直接根据接口生成 CURD 的全部代码,让大家生活多些快乐,功能 todolist:

  • 根据接口生成 ts 的接口声明文档
  • 根据接口直接生成 Vue+TS(js 代码)
  • 根据接口直接生成 React+TS(js 代码)
  • 定制选择指定 UI 组件库,直接根据接口生成
  • 将 JavaScript 代码直接生成 TypeScript 代码

logo


目录

开始

安装

npm install fe-code

基础命令

#查看版本号
fe-code -V
#查看帮助文档
fe-code --help
#接口生成TS代码帮助文档
fe-code api2code --help

envir2code

描述:初始化基于(webpack/vite/snowpack)的vue/react脚手架

缩写: e2c

例子 🌰

fe-code envir2code

# or 简写
fe-code e2c

api2code

描述:通过自定义结构或openAPI的json生成crud代码 缩写:a2c

参数

Options:
  -i, --input <input>    (可选)输入的json路径
  -o, --output <output>  (必填)输出interface的文件路径
  -h, --help              查看帮助

例子 🌰

  1. 通过本地 json 方式生成 interface
    fe-code a2c -o src/index.ts -i /data.json
  2. 通过自定义json或openAPI生成 crud代码
    fe-code a2c -i ./mocks/apiConfig.json -o api/

    示例json在项目目录mocks/apiConfig.json中。

react2code

描述:生成react组件代码

缩写: r2c

参数

Options:
  -o, --output <output>  (必填)输出 react crud 模板代码的文件路径
  -h, --help              查看帮助

例子 🌰

  1. 生成代码默认请求为 mock json(该目录需要映射到根目录 /mock,否则将影响展示), 请求这块的处理请结合实际情况自行修改;
  2. 生成代码字段属性是为了显示各种表单展示类型,这里为模拟字段,请根据实际情况自行配置;
fe-code react2code -o crud-demo

# or 简写
fe-code r2c -o crud-demo

vue2code

缩写: v2c

参数

Options:
  -o, --output <output>  (必填)输出 react crud 模板代码的文件路径
  -h, --help              查看帮助

例子 🌰

fe-code vue2code -o crud-demo

# or 简写
fe-code v2c -o crud-demo

About

🚗很很多前端同学,每日不仅要忙于内卷,还要忙于奔波在重复的业务逻辑期间,所以我们索性开发了这样一款工具,帮助大家可以直接根据接口生成 CURD 的全部代码,让大家生活多些快乐~

Resources

License

Stars

Watchers

Forks

Packages

No packages published