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

相关推荐
Rooting++9 小时前
package.json三种依赖的区别
vue.js·json
曹牧14 小时前
C#:DataGridView控件中展示JSON内容
开发语言·c#·json
howard20051 天前
4.4 Spark SQL数据源 - JSON
json·spark sql数据源
灰子学技术1 天前
Envoy gRPC-JSON 转码器功能实现分析
json
夜雪闻竹2 天前
Cursor 的 state.vscdb 解析踩坑记
json·aigc·ai编程
水煮白菜王2 天前
JSONEditor 使用指南
前端·javascript·chrome·json
会编程的土豆3 天前
Gin 中 `c.BindJSON` 与 `c.JSON` 详细讲解
c语言·json·gin
ID_180079054733 天前
企业级实战:淘宝商品详情 API简要说明,json数据返回参考
json
学习3人组3 天前
业务主表+JSON自定义字段
java·spring boot·json
Car124 天前
在vscode中添加一个tasks.json实现 rt thread的scons编译功能
vscode·json·build·scons