json-server的使用(根据json数据一键生成接口)

一.使用目的

在前端开发初期,后端 API 可能还未完成,json-server 可以快速创建模拟的 RESTful API,帮助前端开发者进行开发和测试。

二.安装

复制代码
npm install json-server //局部安装


npm i json-server -g   //全局安装

三.使用教程

1.准备一个json格式的文件

这里是让ai生成的一段,用来演示,使用是根据你的情况具体改。

复制代码
{
  "users": [
  {
    "id": 1,
    "name": "张三",
    "email": "zhangsan@example.com",
    "age": 28
  },
  {
    "id": 2,
    "name": "李四",
    "email": "lisi@example.com",
    "age": 25
  },
  {
    "id": 3,
    "name": "王五",
    "email": "wangwu@example.com",
    "age": 32
  }
]
}

2.进入该json文件的存储目录,右键,点击从终端中打开。

输入json-server --watch json文件的名字(按tab可以快速找到目标文件),然后按下回车

接口展示

即可看到接口已经生成了,可以帮助前端开发者进行调试。

详细使用请看官方文档 : https://www.npmjs.com/package/json-server

相关推荐
数据知道4 小时前
PostgreSQL:如何直接在数据库中查询 CSV/JSON文件?
数据库·postgresql·json
程序员林北北1 天前
【前端进阶之旅】一种新的数据格式:TOON
前端·javascript·vue.js·react.js·typescript·json
明月_清风1 天前
向 Native 借力:深度拆解 SIMD 加速与 Node.js 异步原生解析
前端·json
love530love2 天前
【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆
人工智能·windows·json·cuda·lm studio·openclaw·context length
沃码2 天前
【Lively Wallpaper 】插件开发:LivelyProperties.json 全流程实战教程
c#·json·livelywallpaper·视频壁纸
明月_清风2 天前
你真的懂 JSON 吗?那些被忽略的底层边界与性能陷阱
前端·json
明月_清风2 天前
大规模监控数据下的 JSON 优化:从 OOM 崩溃到极致吞吐的进阶之路
前端·json
JQLvopkk3 天前
JSON序列化与反序列化
json
键盘鼓手苏苏4 天前
Flutter for OpenHarmony 实战:Flutter Rust Bridge — 极致计算性能方案
开发语言·后端·flutter·华为·rust·json·harmonyos
攻城狮的梦4 天前
go中json数据的转化
json