Gulp是前端开发过程中构建代码的工具，是构建自动化项目的利器；不仅可以优化网站资源，而且在开发过程中可以通过正确的工具自动完成很多重复性的工作；使用它，我们不仅可以愉快地编写代码，还可以大大提高我们的工作效率。下面分享一下gulp安装和项目初始化的方法1.项目gulp安装installationinstallation(1)全局安装gulpsnpmi-ggulp(2)测试gulp安装gulp-v(3)本地安装gulpsnpmi--savegulpsnpmi--save-devgulp(4)在本地安装browser-syncsnpmi--save-devbrowser-sync2.项目初始化（1）Explorer进入项目所在目录的命令行空间：+<鼠标右键>，这里打开命令行窗口(2)npminit(enter...)name:英文大写字母不能用！(3)bowerinit(Enter...)这样项目初始化就完成了。接下来只要配置好gulpfiles.js，就可以愉快的开始使用gulp了。3、gulpfiles.js的配置vargulp=require("gulp");gulp5大语句（方法）：.task事务，event.src源文件.pipe进程，operation.destdestination（target）.watchmonitor，monitor默认事务：（[...]包括单个事务）浏览服务器同步组（插件）varbrowserSync=require("browser-sync").create();静态服务器：初始化（不需要http-server！）gulp.task("server",function(){browserSync.init({server:{baseDir:"./www/"}});});刷新浏览器gulp.task("refresh",function(){browserSync.reload();});最后gulp.task("default",["html","css","js","server","watch"]);gulp.task("html",function(){gulp.src("./src/index.html").pipe(gulp.dest("./www/"));});gulp.task("css",function(){gulp.src("./src/css/**/*.css")//通配符：/**/*.*.pipe(gulp.dest("./www/css/"));});gulp.task("js",function(){gulp.src("./src/js/**/*.js").pipe(gulp.dest("./www/js/"));});gulp.task("watch",function(){gulp.watch("./src/index.html",["html"]);gulp.watch("./src/css/**/*.css",["css"]);gulp.watch("./src/js/**/*.js",["js"]);gulp.watch("./www/**/*.*",["refresh"]);});就这样，你就可以开始使用gulp了
