本文介绍了如何通过json-server在本地创建一个模拟数据服务，包括初始化package.json文件、安装json-server、配置命令行快捷方式以及管理数据。同时，作者分享了前端开发的学习资料和面试题资源，旨在帮助开发者提升技能和准备面试。
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：
在浏览器打开所给链接，就可以看到欢迎界面，里面会展示你配置的数据（下面会写数据的创建）
可以在启动命令后加–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%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！
新！**
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
[外链图片转存中…(img-FHEVAh6L-1713513692725)]
最后
正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
