利用gulp 搭建web服务器(入门)

一、首先下载软件插件。（有就算了·_·）

 

• 先下个node.js。(用于里面的npm插件下载其他软件插件)
• 然后通过npm下载bowor、gulp、gulp-webserver。
• npm i -g bowor
• npm i -g gulp（调用命令行）
• npm i gulp（本地调用的gulp包）
• npm i -g gulp-webserver
• [npm本地和全局的区别在于：本地没有-g，全局有-g]

二、编辑gulpfile.js配置文件

var gulp=require('gulp');　　//导入gulp文件
var webserver=require('gulp-webserver'); //引入gulp-webserver插件

gulp.task('webserver',function(){　　　　//创建gulp任务，第一个参数为名称，第二个为函数
    gulp.src('./')　　　　　　　　　　　　//导入文件目录
        .pipe(webserver({　　　　　　　　//执行文件编译
            port:8080,　　　　　　　　　　　//这是端口
            host:'localhost',　　　　　　　　//这是网址
            livereload:true,　　　　　　　　//游览器自动刷新
            directoryListing:true,　　　　//要不要显示目录，开发环境下可以显示
            open:true　　　　　　　　　　　　//默认直接打开网页，进行站点访问。无需手动打开
        }))
})

 

三、运用web服务器

在cmd的根文件下运行：gulp webserver