首先终端进入到项目文件夹
然后在项目文件夹下执行npm init -y进行初始化
然后执行npm i gulp browser-sync -D
然后在根目录下新建gulpfile.js(不可改名)
const gulp = require('gulp'),
bs = require('browser-sync'),
reload = bs.reload;
gulp.task('default', () => {
bs.init({
server: {
baseDir: "./"
}
});
gulp.watch("css/*.css").on('change', reload);
gulp.watch("js/*.js").on('change', reload);
gulp.watch("*.html").on('change', reload);
});
最后执行gulp就可以运行起来了
如果浏览器没自动打开,可以在终端看到地址,复制打开就行了
*如果执行gulp有如下错误
Cannot read property 'apply' of undefined
全局安装gulp-cli可解决
sudo npm i gulp-cli -g