本文主要给大家总结了在工作中可能会用到的小工具,在此记录一下。
可以实现的功能有:
1. 本地http服务器
2.页面实时刷新
3.可以模拟ajax请求
第一步,新建package.json文件。
用到了gulp、gulp-webserver、gulp-livereload
package.json的内容如下:
{
"name": "localserver",
"version": "1.0.0",
"description": "",
"main": "index.
第二步,在当前目录下执行npm install安装所需的包
第三步,建立目录结构
其中,www是站点的根目录,用于放置
第四步,编写gulpfile.js
gulpfile.js内容如下:
var url = require('url');
var fs = require('fs');
var path = require('path');
gulp = require('gulp');
livereload = require('gulp-livereload');
webserver = require('gulp-webserver');
//
第五步,执行gulp命令,会自动打开浏览器,在8000端口起了http服务。就可以看到你的页面了。
为了给大家使用方便,我把建立好的目录和文件放在这里了,你下载后,直接运行npm install,然后gulp就可以了。
点此下载所有文件
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对前端开发者的支持。