Browser-Sync

gulp

packagejson最简写法{"name":"随便命名","version":"1.0.0","devDependencies":{"browser-sync":"^2.12.8","chokidar
Carry-Lee·2020-07-02 15:37

[gulp进阶] gulpfile 发布配置（2） -- browser-sync 用法

[gulp进阶]gulpfile发布配置（2）--browser-sync用法公司项目用gulp蛮多的，根据自己平时的一些积累和收集的浅薄知识，为各位介绍平时项目经常使用的gulpfile配置constgulp
Top_Chenxi·2020-06-28 02:12

browser-sync

安装npminstall-gbrowser-sync静态网站如果您想要监听.css文件,您需要使用服务器模式。BrowserSync将启动一个小型服务器，并提供一个URL来查看您的网站。//--files路径是相对于运行该命令的项目（目录）browser-syncstart--server--files"css/*.css"//监听css和html文件browser-syncstart--serv
郑宋君·2020-04-12 08:53

gulp插件(15) - browser-sync(同步更新浏览器)

插件安装$cnpminstallbrowser-sync--save-dev使用方法vargulp=require('gulp'),browserSync=require('browser-sync')
神秘者007·2020-03-31 02:37

browserSync gulp 配置 自定义域名访问

安装npminstall--save-devbrowser-sync引入varbrowserSync=require('browser-sync').create();varreload=browserSync.reload
Tiny_z·2020-03-31 01:51

browser-sync使用

browser-sync使用安装browser-syncnpminstall-gbrowser-sync项目中使用browser-sync使用npm初始化项目npminit项目中安装browser-syncnpminstallbrowser-sync
geek_user·2020-03-28 13:40

ui-cli 小工具

当同事在组织一个前端静态页面练习的workshop时，需要让每个学员在本地安装一些构建工具，如livereload/browser-sync、node-sass、webpack等乱七八糟的东西，麻烦！
Agreal·2020-03-22 14:06

用browser-sync实时刷新browser的坑

在上一篇blog中已经说过怎么构建一个前端的builder：http://www.jianshu.com/p/7098e96f760f借用别人的话：事实上，browser-sync可以理解为一个本地服务器
issac_宝华·2020-03-10 01:32

Gulp

browser-sync&&sassvargulp=require('gulp');varbrowserSync=require('browser-sync');varsass=require('gulp-sass
ShindouHiro·2020-03-07 16:09

browser-sync

$cnpmi-Dbrowser-syncgulpfile.js:varbrowserSync=require('browser-sync');gulp.task('browser-sync',[
happywind·2020-03-04 11:55

browser-sync 奇怪问题，'cannot find /index.html'

以前用过browser-sync,不太明白，只是按照教程操作，没有出现问题。
saronic·2020-03-03 18:20

npm、browser-sync 、gulp工具的学习

npm官网[https://www.npmjs.com]nodepackagemanager命令:初始化:npminit安装指定包:npminstalljquery--save删除指定包:npmremovejquery--save卸载一般用npmuninstall--savejquery或者npmremove--savejquery下载安装package.json中dependencies属性对的
前端小兵·2020-03-03 02:47

Node.js服务器热更新配置初探。

热更新主要就是三个插件，gulp，gulp-nodemon，browser-sync。gulp，前端配置自动化工具。
TinyScript·2020-02-25 04:49

前端利器 browser-sync 及其使用

终端进入工程目录,如果要开始监听,则使用:browser-syncstart--server--directory--files"*"它会自动打开一个浏览器窗口,然后直接刷新一下就可以使用了.若软件不工作,可以尝试下面的解决办法:solutions:eitheruseanindex.htmlusetheindexoptionlikesobrowser-syncstart--server--inde
貘鸣·2020-02-23 11:01

Browser-Sync

title:Browser-SyncBrowsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保
小东十七·2020-02-18 21:16

Browser-Sync 前端自动刷新工具

1.功能:你写好代码，按下Ctrl+S,浏览器自动刷新当前页面2.你可以分屏写代码-预览，提高开发效率，提升学习兴趣。3.搭配WebStorm使用更佳4.快速开始链接:https://pan.baidu.com/s/1nvccYk5密码:xvcc使用说明1.安装Nodejs:Nodejs中文网下载Nodejs:话说有个叫RyanDahl的歪果仁，他的工作是用C/C++写高性能Web服务。对于高性能
wivwiv·2020-02-12 05:31

gulp brower-sync

*@author:shine*@email:[email protected]**/vargulp=require('gulp');varbrowserSync=require('browser-sync
ShineShao·2020-02-11 21:16

browser-sync使用简单教程

browser-sync使用安装browser-syncnpminstall-gbrowser-sync项目中使用browser-sync使用npm初始化项目npminit项目中安装browser-syncnpminstallbrowser-sync
macjohson·2020-02-10 22:05

在express中使用gulp、browser-sync及gulp-nodemon实现前后端自动刷新

最近在使用express框架及mongodb，由于前端和后端代码修改后都需要实现自动刷新功能，刚开始我后端使用的是nodemon进行代码修改后自动刷新，后来涉及到前端，自然而然我想到使用browser-sync
该帐号已被查封_才怪·2020-02-06 09:34

gulp-inject使用时遇到的坑

');varminifycss=require('gulp-minify-css');varrename=require("gulp-rename");varbrowserSync=require('browser-sync
守心向暖·2020-02-01 15:37

webpack之browser-sync的使用

browser-sync介绍:省时的浏览器同步测试工具(官方在中文网站)Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。
daoqing99·2019-12-30 23:57

browser-sync 不起作用，not work

遇到一个小问题，browser-sync不起作用，在网上搜索了下，找到了几个答案但都不是说的特别清楚。
WellCheng·2019-12-25 22:30

Node.js、npm、gulp及browser-sync那些事

一、问答（一）、nodejs是什么？可以做什么？为什么擅长做？Node.js是一种JS运行平台（不是JS应用），Node.js采用了GoogleChrome浏览器的V8引擎，性能很好，同时还提供了很多系统级的API，如文件操作、网络编程等。Node.js采用事件驱动及异步编程的方式设计，这种设计理念使得Node.js的优势是：无阻塞式执行任务，充分利用了系统资源，因此其特别适合后端网络服务编程。（
该帐号已被查封_才怪·2019-12-25 04:32

提高你开发效率的工具 -- BrowserSync

当你有了Browser-Sync之后，你的F5基本上可以退休了。介绍Browser-Sync是一款基于node的
Yeaseon·2019-12-22 09:20

gulp实现自动watch(gulp-watch)和自动刷新页面(browser-sync)

gulp-watch');varsass=require('gulp-sass');varclean=require('gulp-clean');//清空文件夹varbrowserSync=require('browser-sync
开车去环游世界·2019-12-21 02:59

browser-sync + gulp

gulpfile.js配置*@author:shine*@email:[email protected]**/vargulp=require('gulp');varbrowserSync=require('browser-sync
ShineShao·2019-12-07 06:54

新年送礼：用Harp + gulp + browser-sync 构建静态网站

用Harp+gulp+browser-sync构建静态网站目的：快捷的实现页面原型。更快的引入第三方模板。（WIP）测试后端RestfulAPI。（WIP）Harp介绍官网http://harpjs.com/Harp内置静态网页预处理的静态网站服务器。Harp提供的功能包括：css预处理（SassLESSStylus）页面数据加载模板文件渲染（JadeEJS）一个httpserver(基于Node
kwyjibo·2019-11-28 08:09

移动端项目在线调试

使用browser-sync模块进行手机端调试使用browser-sync可以让本地项目同步跑在电脑端和任何移动设备上(只要满足在同一局域网下),非常方便结合vconsole就可以在移动端实现电脑端页面调试功能
胖太_91bf·2019-11-02 00:55

vue 项目使用局域网多端访问并实时自动更新（利用 browser-sync）

在写vue的项目中时，虽然vue会自动更新页面，但是切换页面切来切去也很麻烦，有时候我们还要在公司另一台电脑或者手机上调试，这时候利用browser-sync插件，无需改动vue的代码即可实现：1.首先确保安装了
wiliam_new·2019-09-30 14:00

前端屏幕同步调试神器browserSync

应用场景当我们需要在PC、安卓手机、苹果手机、ipad、一体机等等多种不同设备调试同一个页面时，每个滑动点击操作都要在每个设备上来一遍，这样重复性的工作我们可以用browser-sync自动实现准备工具
zpfei·2019-07-25 00:00

gulp使用详情 及 3.0到4.0的坑

constgulp=require('gulp');constsass=require('gulp-sass');constbrowserSync=require("browser-sync").create
徐小禹_web·2019-07-08 18:00

2019-06-11 browser-sync 在浏览器不刷新的问题

注意到，具体刷新的时候，我的配置是这样的gulp.watch("app/*.html").on('change',browserSync.reload);而之前的配置无效？"/**/*.html"但是可以监听到，但是reload不能够其二：reload("index.html"）重载某一个是可以的//gulpfile.babel.js//Skiptocontent//Gulp4+Browsersy
xxxcremove·2019-06-11 22:55

jQuery 导入与运行

楼主的程序运行在MacOS上，Windows系统同理目录一、下载Node.js二、安装Browser-sync三、下载安装ATOM四、下载jQuery五、安装Emmet六、导入一、下载Node.js打开
CodeForCoffee·2019-06-01 01:43

vueSSR: 从0到1构建vueSSR项目 --- 伪热更新

编译后的文件发生改动，触发重载)3.开启node服务4.开启browserSync代理服务用到的插件以及模块npm//执行脚本命令browser-sync//刷新浏览器的核心chokidar//
咕咕gu·2019-03-07 00:00

全栈--gulp框架

==浏览器同步============================== //npmi--save--devbrowser-sync //浏览器同步 varbrowserSync=require("browser-sync
jinqianwang·2018-10-12 00:00

browser-sync 真机调试

1.安装Node.jsBrowserSync是基于Node.js的,是一个Node模块，如果您想要快速使用它，也许您需要先安装一下Node.js安装适用于MacOS，Windows和Linux。2.安装BrowserSync您可以选择从Node.js的包管理（NPM）库中安装BrowserSync。打开一个终端窗口，运行以下命令：npminstall-gbrowser-sync您告诉包管理器下载B
醉枫々染墨·2018-09-25 14:43

前端开发，部署页面到服务器，并实现页面“热部署”

介于此，我们可以使用browser-sync(浏览器同步测试工具)开发模块，来帮助我们实现启动服务器，并对项目中的html、css、js文件进行监听，每当这些文件改动，便刷新浏览器
LitongZero·2018-09-02 15:26

Gulp 第二篇 browserSync本地服务器搭建和热更新

本地安装$npminstall-Dbrowser-sync首先简单的启动一个服务器//gulpfile.jsvargulp=require('gulp');varbrowserSync=require('browser-sync
Meils·2018-04-21 00:00

编辑页面实时同步非刷新插件browser-sync

browser-sync的安装npminstall-gbrowser-syncbrowser-sync插件的使用启动静态网站在项目的根目录下执行：borwser-syncstart--server--files"css
sunshineboy00·2018-04-13 22:25

使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件

使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件按照gulp需求插件安装browser-sync（在命令行中输入）npminstall--save-devbrowser-sync
chovitaminl·2018-03-17 00:00

移动端开发相关

超齐全的移动端开发的坑参考进行开发调试的时候可以安装browser-sync移动端分类Native原生App使用Java/Objective-C/Swift开发Webapp在手机浏览器上展现的网页Hybird
DeeJay_Y·2017-12-11 02:31

gulp-sass + browser-sync 一直刷新的问题

环境：window10node:v6.9.1npm:3.10.8gulp:CLIversion3.9.1Localversion3.9.1"gulp-sass":"^3.1.0""browser-sync
seg_jjj·2017-11-21 00:00

gulp 入门配置

使用browser-sync进行本地开发自动刷新，配合gulp-uglify、gulp-minify-css对js和css进行压缩处理，最终打包到dist目录安装gulp以及其他插件npminstallgulpnpminstall
ZHAO_·2017-08-08 00:00

配置gulp + browser-sync + php 环境

最终发现browser-sync需要你的页面里有body标签，而我新建的index.php没带，导致watch不起作用。
xioqua·2017-07-20 00:00

探究http-proxy-middleware源码

一、http-proxy-middleware与node-http-proxy配置http-proxy-middleware可以很容易地在connect,express,browser-sync实现http
Obeing·2017-06-17 00:00

webpack与browser-sync热更新原理深度讲解

原文：webpack与browser-sync热更新原理深度讲解开发环境页面热更新早已是主流，我们不光要吃着火锅唱着歌，享受热更新高效率的快感，更要深入下去探求其原理。
louiszhai·2017-04-20 00:00

Webpack与browser-sync热更新原理深度讲解

本文为原创投稿文章，未经允许，请勿转载。作者：翟灿东，网名路易斯，平安健康前端工程师。有四年前端架构及开发经验。熟悉正则，坚持原著，深度思考，力求简单通俗叙事。博客地址:http://louiszhai.github.io。责编：陈秋歌，寻求报道或者投稿请发邮件至chenqg#csdn.net，或加微信：Rachel_qg。了解更多前沿技术资讯，获取深度技术文章推荐，请关注CSDN研发频道微博。开
陈秋歌·2017-04-19 16:39

gulp+browser-sync 监听文件实现浏览器自动刷新

browser-sync监听文件实现浏览器自动刷新1.package.json文件{"name":"example-1","description":"example-1","author":"c.c.
Top_Chenxi·2017-03-23 15:49

gulp +mockjs模拟前端数据

一.强烈推荐这个静态服务器browser-sync1.browser-sync的使用browser-sync的文档真的是超级强大一定要看现在来讲具体的使用方法，下面的代码是写在gulpfile.js中的
后知不觉1·2017-03-13 21:54

browser-sync前端自动刷新，释放你的F5

1、前言browser-sync的基本原理：首先他会启动一个本地服务，但是如果你已经有一个本地服务，你可以将BrowserSync当做代理；BrowserSync会在每个页面添加一段JavaScript
wengjq·2017-02-22 22:32
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他