使用工具: Node.js + Browser-Sync 现实情况: 可能很多刚入门的前端小伙伴,都会有这样的经历。改一下,就要各种刷新浏览器,很影响工作效率。 原理:node 监控项目文件夹 文件改动就更新页面。 第一步: 安装nodejs 按 win + r 键,输入cmd 按下Enter,输入 ...
分类:
其他好文 时间:
2017-04-09 09:28:46
阅读次数:
231
错误一:提示gulp不是全局命令 解决方法:npm config get prefix 查看结果的文件夹中是否有gulp.cmd命令,并且该文件夹被配置在环境变量中。 错误二:命令行中输入gulp style 出现如下错误提示 解决方案:npm i browser-sync --save ...
分类:
Web程序 时间:
2017-03-27 13:25:13
阅读次数:
191
今天发现安装的虚拟机对 browser-sync 启动后生成的 external url 有影响,电脑的 ip 是 192.168.1.100, 但是 browser-sync 给出的是 192.168.56.*, 后者据宁皓网王皓的说法,“应该是虚拟机虚拟出来的网卡”。 说来也是巧,在图书馆做实验 ...
分类:
其他好文 时间:
2017-02-26 20:30:57
阅读次数:
208
大家写网页的时候,肯定都遇到这种情况,每次用sublime写完都要返回浏览器,刷新页面,而这个工具正好解决了这个问题,提高前端开发效率 这是一个npm的包 browser-sync browser-sync 作用:文件保存一下,就会自动监视文件变化,自动刷新浏览器 打开cmd,输入一下命令 全局安装 ...
分类:
其他好文 时间:
2016-12-27 22:46:36
阅读次数:
227
安装环境 1,安装nodejs 起步 1,cd 进目录2,npm init3,安装模块browsersync模块, npm install --save browser-sync4,编辑package.josn 的scripts 脚本 "dev": "browser-sync start --ser ...
分类:
Web程序 时间:
2016-12-11 12:30:39
阅读次数:
171
使用browser-sync启动命令cmd切换到项目的根目录下**1.browser-syncstart--server--files"css/*.css"----------**使用两个*检测所有的目录**
分类:
其他好文 时间:
2016-10-14 23:58:19
阅读次数:
333
HTML&CSS autoprefixer - parse CSS and add vendor prefixes to rules by Can I Use. gulp-browser-sync - keep multiple browsers & devices in sync when bui ...
分类:
其他好文 时间:
2016-08-26 21:13:02
阅读次数:
244
以下是gulpfile.js:vargulp=require(‘gulp‘),
config=require(‘./config‘),
cleanCss=require(‘gulp-clean-css‘),
jshint=require(‘gulp-jshint‘),
uglify=require(‘gulp-uglify‘),
rename=require(‘gulp-rename‘),
concat=require(‘gulp-concat‘),
browserify=require(‘gulp-b..
分类:
其他好文 时间:
2016-08-24 01:21:56
阅读次数:
158
搞这个自动刷新的插件搞了好几个小时了还没搞明白,快被气死了,想改用browser-sync结果npm又一直转啊转一直卡死。 刚才终于神奇地搞定了,结果发现还是我自己智商太低。。。大概的经过是这样的。。。 首先如果你没装node/npm/gulp/livereload就别玩了,这个东西离你还很遥远,你 ...
分类:
其他好文 时间:
2016-06-04 23:43:48
阅读次数:
599
背景: 之前在学gulp的时候,使用gulp-livereload来实时自动刷新页面省时开发,但一直比较难用,现在找到新的替代神器。 安装: // 使用淘宝镜像会快些 npm install -g browser-sync --registry=https://registry.npm.taobao ...
分类:
其他好文 时间:
2016-06-02 00:25:50
阅读次数:
287