在使用gulp前,需要先安装gulp,可以使用npm安装
npm install gulp -g
在安装好后,新建一个文件夹,在文件夹中新建一个gulpfile.js文件
在该文件中进行配置(下面代码中,路径按自己设置的路径来进行配置)
var gulp=require('gulp');
var connect=require('gulp-connect');
gulp.task('watch',function(){
gulp.watch('./*.html',['html']);
})
gulp.task('connect',function(){
connect.server({
root:'./',
ip:'192.168.31.110',
livereload:true
})
})
gulp.task('html',function(){
gulp.src('./*.html').pipe(connect.reload());
})
gulp.task('default',['connect','watch'])
配置好后,在终端中输入
gulp
这时,打开浏览器进入8080端口就好啦,我们在写页面的时候就不需手动刷新,而能达到自动刷新