首先終端進(jìn)入到項(xiàng)目文件夾
然后在項(xiàng)目文件夾下執(zhí)行npm init -y進(jìn)行初始化
然后執(zhí)行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);
});
最后執(zhí)行g(shù)ulp就可以運(yùn)行起來了
如果瀏覽器沒自動(dòng)打開圣拄,可以在終端看到地址,復(fù)制打開就行了
*如果執(zhí)行g(shù)ulp有如下錯(cuò)誤
Cannot read property 'apply' of undefined
全局安裝gulp-cli可解決
sudo npm i gulp-cli -g