json-server使用与postman(1)，前端开发路线

2.新建一个文件夹，命名JSONSERVER，cd到这个目录下，初始化package.json文件：

在命令行输入：npm init，回答里面的问题，

可以一路回车（相当于直接在命令行输入npm init --yes），此时文件夹下会有一个package.json文件

{

“name”: “JSONSERVER”,

“version”: “1.0.0”,

“description”: “”,

“main”: “index.js”,

“scripts”: {

“test”: “echo “Error: no test specified” && exit 1”

},

“keywords”: [],

“author”: “”,

“license”: “ISC”

}

3.局部安装json-server：

在JSONSERVER文件夹下：npm install json-server --save

package.json文件被更新，在文档添加了以下内容：

“dependencies”: {

“json-server”: “^0.16.3”

}

4.添加命令行快捷的开启方式：

在package.json文件中的scripts添加开启json-server的命令：

“json:server”: “json-server --watch db.json”

保存之后可以在命令行启动json-server：

在浏览器打开所给链接，就可以看到欢迎界面，里面会展示你配置的数据（下面会写数据的创建）

修改json-server默认端口号

---

可以在启动命令后加–port 3004，修改端口号为3004

“scripts”: {

“json:server”: “json-server --watch db.json --port 3004”

}

数据添加

---

在JSONSERVER文件夹下创建一个db.json文件，并添加数据，列举部分数据如：

{

“users”: [

{

“name”: “ccy”,

“phone”: “333-444-555”,

“email”: “ccy@mail.com”,

“id”: 1,

“age”: 31,

“companyId”: 1

},

{

“name”: “ccy1”,

“phone”: “333-444-555”,

“email”: “ccy@mail.com”,

“id”: 2,

“age”: 32,

“companyId”: 2

},

{

“name”: “ccy2”,

“phone”: “333-444-555”,

“email”: “ccy@mail.com”,

“id”: 3,

“age”: 43,

“companyId”: 3

}

],

“companies”:[

{…},
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

[外链图片转存中…(img-k5hSGa9d-1712164075455)]

[外链图片转存中…(img-6PDqabMB-1712164075456)]

资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。