前端开发工具 http-server , json-server篇
2017-02-17 15:13
204 查看
1.http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.
如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.
安装 (全局安装加 -g) :
在站点目录下开启命令行输入
访问: http://localhost:8080 or http://127.0.0.1:8080
2.基于前端的写作依赖于后端的接口,比较受限制 ,于是json-server 开始来解救我们前端developer
安装 (全局安装加 -g) :
在创立了json(eg:data.json)文件下的目录下开启命令行输入
这里有一个要注意的点 是一个巨大的坑 data.json 的格式一定要是
如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.
安装 (全局安装加 -g) :
sudo npm install -ghttp-server
在站点目录下开启命令行输入
http-server
访问: http://localhost:8080 or http://127.0.0.1:8080
2.基于前端的写作依赖于后端的接口,比较受限制 ,于是json-server 开始来解救我们前端developer
安装 (全局安装加 -g) :
sudo npm install -g json-server
在创立了json(eg:data.json)文件下的目录下开启命令行输入
json-server data.json
这里有一个要注意的点 是一个巨大的坑 data.json 的格式一定要是
{ "api1":{ ... }, "api2":[ ... ], "wrongapi":name(这种一定错) }
相关文章推荐
- web开发工具 http-server , grunt 使用
- webpack4.0.1_vue脚手架的项目与json-server结合,vue开发前端时用json-server模拟数据,fetch的请求代码
- web开发工具 http-server , grunt 使用
- 在线调试和演示的前端开发工具------http://jsfiddle.net/
- Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装
- web前端开发http-server
- 工具笔记:前后端开发分离方案----json-server
- webpack4.0.1_vue脚手架的项目与json-server结合,vue开发前端时用json-server模拟数据
- 前端开发的常用工具一览(荐)
- 前端开发 IE 中的常用调试工具
- 前端开发知识库工具之网文快捕
- 前端开发的常用工具一览
- 前端开发的常用工具一览
- WCF分布式开发常见错误(23):This could be due to the fact that the server certificate is not configured properly with HTTP.SYS
- 前端开发大众手册(包括工具、网址、经验等)
- JAVA开发必备工具网站 http://www.jar114.com
- 前端开发常用调试工具
- 前端开发的常用工具