-
前端實時可視化開放工具chrome插件：livestyle、livereload、browser-Sync查看全部
-
livestyle，livereload，browsersync插件使用查看全部
-
三種的異同點查看全部
-
browsersync和livereload相似之處：都支持chrome腳本 不同之處，不需要裝插件查看全部
-
livereload，chrome瀏覽器插件查看全部
-
livereload 插件 監(jiān)聽所有改動文件同事自動刷新瀏覽器頁面查看全部
-
實時可視化的開發(fā) 厲害了查看全部
-
老師，這個工具在window上面怎么設(shè)置?。?查看全部
-
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']);查看全部
-
動態(tài)頁面， 使用代理， 監(jiān)聽代理的變化！ 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 "**" 不然可能會導(dǎo)致，(在兄弟目錄下)相對路徑下的資源訪問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
提交
取消