-
前端实时可视化开放工具chrome插件：livestyle、livereload、browser-Sync查看全部
-
livestyle，livereload，browsersync插件使用查看全部
-
三种的异同点查看全部
-
browsersync和livereload相似之处：都支持chrome脚本 不同之处，不需要装插件查看全部
-
livereload，chrome浏览器插件查看全部
-
livereload 插件 监听所有改动文件同事自动刷新浏览器页面查看全部
-
实时可视化的开发 厉害了查看全部
-
老师，这个工具在window上面怎么设置啊？查看全部
-
LiveStyle ,LiveReload,Browser Sync查看全部
-
三种方式的对比查看全部
-
mark查看全部
-
mark liveStyle liveReload browserSync 对比meter liu的前端自动化工具课程查看全部
-
var gulp = require('gulp'), livereload = require('gulp-livereload'), browserSync = require('browser-sync'); gulp.task('html', function() { livereload.listen(); gulp.watch('src/*.html', function(file){ console.log(file); gulp.src(file.path) .pipe(livereload()); }); }); gulp.task('browser-sync', function() { browserSync.init({ server:{ baseDir:"./" } }); }); gulp.task('watch', function() { livereload.listen(); gulp.watch('src/*.html', ['html']); gulp.watch('src/**', ['browser-sync']); }); gulp.task('default',['watch'],['html'],['browser-sync']);查看全部
-
动态页面， 使用代理， 监听代理的变化！ browser-sync start --proxy "myproject.dev" --files "**" https://www.browsersync.io/docs/api https://www.browsersync.io/docs/command-line https://www.browsersync.io/docs https://www.browsersync.io/docs/options查看全部
-
一定要注意，再项目的根目录下启动， $ browser-sync start --server --files "**" 不然可能会导致，(在兄弟目录下)相对路径下的资源访问path error！ e.g: 再/src下运行，error / libs/ src/ http://localhost:3000/libs/bootstrap/css/bootstrap.min.css Failed to load resource: the server responded with a status of 404 (Not Found)查看全部
举报
0/150
提交
取消