-
安装Nodejs
sudo apt install nodejs sudo apt install npm
-
安装browser-sync包
sudo npm install browser-sync -g #进行全局安装 npm install browser-sync --save-dev #项目内安装,需要安装到项目中
-
安装gulp包
sudo npm install gulp -g #进行全局安装 npm install gulp --save-dev #项目内安装,需要安装到项目中
-
编写项目的gulpfile.js文件,放置在项目根目录下
var browserSync = require('browser-sync'); var gulp = require('gulp'); gulp.task('default', function(){ //创建gulp任务 console.log('正在启动服务器并运行文件检测系统...'); browserSync.init({ server: { baseDir: './', //指定项目根目录 index: './index.html' //首页地址 }, port: 8081 //端口号 }); gulp.watch('*').on('change', browserSync.reload);//当目录下文件有变动时,项目自动刷新 gulp.watch('*/**/*').on('change', browserSync.reload); });
-
运行项目
$ gulp #项目根目录中,终端执行gulp
网友评论