1。全局安装
全局安装json-server：npm install -g json-server
2 .测试json-server -h
以下是成功态
3 .新建一个文件夹，比如在桌面新建文件夹JSONSERVER.然后cd JSONSERVER.进入文件夹中.
4 初始化项目
初始化项目通过下面两个命令中任意一个对其进行初始化，完成后文件夹中就会出现package.json文件.
第一种方法 npm init
第二种方法 npm init --yes
5 .安装依赖模块
npm install json-server --save
6.修改配置文件
打开package.json文件，将scripts进行修改，如下:
"scripts": {
"json:server": "json-server --watch db.json"
},
7.新建json文件
上面是db.json，所以也新建db.json文件，然后写入json数据
{
"users": [
{
"name": "tt",
"phone": "123456789",
"email": "111@qq.com",
"age": "20",
"id": 1,
"companyId": 1 },
{
"name": "dede",
"phone": "123456789",
"email": "222@qq.com",
"age": "30",
"id": 2,
"companyId": 2 },
{
"name": "wf",
"phone": "123456789",
"email": "333@qq.com",
"age": "23",
"id": 3,
"companyId": 3 },
{
"name": "mj",
"phone": "123456789",
"email": "444@qq.com",
"age": "45",
"id": 4,
"companyId": 3 }
],
"companies": [
{
"id": 1,
"name": "Apple",
"description": "Apple lalala!" },
{
"id": 2,
"name": "Microsoft",
"description": "Microsoft lalala!" },
{
"id": 3,
"name": "Google",
"description": "Google lalala!" }
]
}
8.运行
npm run json:server//苹果本加上sudu
使用命令运行，其实就是在运行json-server --watch db.json.会提供一个端口为3000的地址，查看页面，加载完之后，就可以看到相关内容了
网友评论