-
前端實(shí)時(shí)可視化開(kāi)放工具chrome插件：livestyle、livereload、browser-Sync查看全部
-
livestyle，livereload，browsersync插件使用查看全部
-
三種的異同點(diǎn)查看全部
-
browsersync和livereload相似之處：都支持chrome腳本 不同之處，不需要裝插件查看全部
-
livereload，chrome瀏覽器插件查看全部
-
livereload 插件 監(jiān)聽(tīng)所有改動(dòng)文件同事自動(dòng)刷新瀏覽器頁(yè)面查看全部
-
實(shí)時(shí)可視化的開(kāi)發(fā) 厲害了查看全部
-
老師，這個(gè)工具在window上面怎么設(shè)置啊？查看全部
-
LiveStyle ,LiveReload,Browser Sync查看全部
-
三種方式的對(duì)比查看全部
-
mark查看全部
-
mark liveStyle liveReload browserSync 對(duì)比meter liu的前端自動(dòng)化工具課程查看全部
-
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']);查看全部
-
動(dòng)態(tài)頁(yè)面， 使用代理， 監(jiān)聽(tīng)代理的變化！ 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查看全部
-
一定要注意，再項(xiàng)目的根目錄下啟動(dòng)， $ browser-sync start --server --files "**" 不然可能會(huì)導(dǎo)致，(在兄弟目錄下)相對(duì)路徑下的資源訪(fǎng)問(wèn)path error！ e.g: 再/src下運(yùn)行，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)查看全部
舉報(bào)
0/150
提交
取消