前端开发利器 Fast Param，解决对象重复赋值痛点

在前端开发过程中，经常需要为同一个对象赋不同的值，以 user 对象为例：

// 当我们需要请求接口获取用户数据时，如果使用 TypeScript 进行开发，我们需要先定义一个 User 接口
interface User {
    
    
  id: number
  name: string
  age: number
}

// 然后从接口返回的数据中通过解构赋值拿到对应字段
const res = await getUser()
const {
    
     id, name, age } = res
// 然后再对 user 对象赋值
const user = {
    
    
  id,
  name,
  age,
}

// 有的时候接口可能还没有完成，为了能看到展示效果，前端还需要使用 Mock 数据对 user 对象赋值
const user = {
    
    
  id: 1,
  name: 'xiaoming',
  age: 20,
}


// 在编辑用户信息的表单中，我们也需要对 user 对象进行处理
// 比如定义一个 user 对象的空值提供给视图层
const user = {
    
    
  id: null,
  name: '',
  age: null
}

// 在提交表单时，可能需要对其中的字段进行处理，通过解构赋值拿到 user 对象属性
const {
    
     id, name, age } = user
if (age < 20) {
    
    

} else {
    
    

}

// 在对接更新用户数据的接口时，会使用 Postman 等工具进行测试，这时就要把 user 对象内的字段录入到测试工具中
id:1
name:'xiaoming'
age:12

可以看到，在前端开发中，我们经常需要对同一个对象进行不同的处理；

在实际开发中，一个对象内的属性数量肯定是远远多于演示用的 user 对象，如果在每次处理该对象时，都要把每个属性一一列出就显的十分不便，这时就可以借助 Fast Param。

⚡️ Fast Param ⚡️ 用于前端开发时快速为对象生成不同形态的属性。

• 只需一次输入，便可为对象生成 默认值 空值 Mock值 TypeScript类型 解构赋值 Postman、Apifox参数批量录入 Laravel Migration 等对应代码；

• 支持对象的本地、线上存储，帮助前端开发者在开发不同项目时快速复用；

• 支持CSV导入导出、图片生成、团队模式等功能。

在线使用

Github

Gitee

预览

开发

核心基础功能的定制开发：

git clone https://github.com/liiiiiiu/fast-param.git

cd fast-param

npm install

# 本地访问
npm run dev

# 打包发布
npm run build

项目持续开发中，欢迎提出意见、star、fork