回顾一下之前的问题:
我的问题是:http-server 无法使用

我的需求:一个本地文件服务器

问题的答案:除了开发者基本无解

需求的替代解决方案:

微软 IIS

npm 工具 browser-sync

python 自带工具 python -m SimpleHTTPServer

这里记录一下browser-sync的安装

browser-sync的简介:

省时的浏览器同步测试工具

Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。

第一步 安装了node.js安装
Browsersync是基于node.js的,所以先把node.js安装了
node.js官网如下:https://nodejs.org/en/download/

第二步 Browsersync安装

    npm install -g browser-sync //我这里用的是全局安装npm install browser-sync --save-dev   //也可以使用本地安装

第三步 启动 BrowserSync

如果你只需要将css文件修改后同步到浏览器里,只需要在命令行里输入即可

静态网站

    // --files 路径是相对于运行该命令的项目(目录) browser-sync start --server --files "css/*.css"监听多个类型的文件,需要用逗号隔开。例如我们再加入一个.html文件// --files 路径是相对于运行该命令的项目(目录) browser-sync start --server --files "css/*.css, *.html"/ / 如果你的文件层级比较深,您可以考虑使用 **(表示任意目录)匹配,任意目录下任意.css 或 .html文件。 browser-sync start --server --files "**/*.css, **/*.html"运行命令后,Browsersync将创建一个本地服务器并自动打开你的浏览器后访问http://localhost:3000地址,这一切都会在命令行工具里显示。

动态网站

如果你已经有其他本地服务器环境PHP或类似的,需要使用代理模式。 BrowserSync将通过代理URL(localhost:3000)来查看。

    // 主机名可以是ip或域名browser-sync start --proxy "主机名" "css/*.css"比如我的项目服务是用tomcat跑起来的,访问地址是"localhost:8081",使用以下命令方式,Browsersync将提供一个新的地址localhost:3000来访问localhost:8081,并监听其css目录下的所有css文件。browser-sync start --proxy "localhost:8081" "css/*.css"

动态网站那部分我暂时不是很理解,具体的各位看官可以参考官网:https://www.browsersync.io

我在找的时候也发现有中文的,链接在这里, Browsersync中文网:http://www.browsersync.cn

中文网还有一个示例视频,链接在这里:http://www.browsersync.cn/example/video/browsersync1.mp4

Youtobe上也有相关的视频,自己搜关键字就好。

(完)

转载于:https://www.cnblogs.com/huashengzhu/p/10960560.html

关于http-server的备选方案-- browser-sync相关推荐

  1. web页面实时刷新之browser sync

    web开发对实时刷新的需求 在刚开始学习前端时每次修改文件内容后都需要手工刷新下浏览器来看效果,做的次数多了就特别难受,有时仅仅修改了一个字母都需要刷新下页面查看 之后接触到编写边看的集成IDE,文件 ...

  2. 一种zabbix server扩容改造方案

    本文原创作者鲍光亚,京东商城基础平台部软件开发工程师,经作者同意发表于本人博客,如需转载需经本人同意. 一.引言 随着监控量的迅速增长,zabbix管理员有一天会发现硬盘iops达到了数万,接近硬盘i ...

  3. SQL Server数据库优化方案

    SQL Server数据库优化方案 查询速度慢的原因很多,常见如下几种: 1.没有索引或者没有用到索引(这是查询慢最常见的问题,是程序设计的缺陷) 2.I/O吞吐量小,形成了瓶颈效应. 3.没有创建计 ...

  4. mysql的纵向扩展方案_SQL Server横向扩展方案-SODA

    SQL Server横向扩展方案-SODA 每次在提到SQL Server扩展性问题的时候,似乎很多的SQL Server DBA或者使用微软技术开发的朋友心里总是一整痛:SQL Server只能纵向 ...

  5. SQL Server 高可用方案

    SQL Server 高可用方案 方案一:Asynchronous Mirror + Alias 方案介绍 数据库服务器配置异步镜像关系,程序客户端连接串配置别名连接. 1. 在SQL Server客 ...

  6. 计算机职业规划备选方案,大学生职业生涯规划-备选方案

    <大学生职业生涯规划-备选方案>由会员分享,可在线阅读,更多相关<大学生职业生涯规划-备选方案(7页珍藏版)>请在人人文库网上搜索. 1.职业规划的评估与备选49职业" ...

  7. 返乡之路不容易之12306余票查询并给出备选方案v2

    在第一版的返乡之路不容易之12306余票查询并给出备选方案中,给出了余票查询和备选方案推荐,但当时有两个问题: 没有备选排名:虽然给出了备选,但哪个备选好没有给出排序 没有座位信息(商务/一等/二等/ ...

  8. 架构设计第三步:评估和选择备选方案

    上一期我讲了设计备选方案,在完成备选方案设计后,如何挑选出终的方案也是一个很大的挑 战,主要原因有: 每个方案都是可行的,如果方案不可行就根本不应该作为备选方案. 没有哪个方案是完美的.例如,A 方案 ...

  9. 关于系统架构你不知道的那些事-架构设计流程:评估和选择备选方案

    关于系统架构你不知道的那些事-架构设计流程:评估和选择备选方案 前言 架构设计第 3 步:评估和选择备选方案 评估和选择备选方案实战 备选方案 1:采用开源 Kafka 方案 备选方案 2:集群 + ...

  10. yaahp使用教程_如何用yaahp进行大量备选方案/评价对象的综合评价?

    概述 一般大于9阶的判断矩阵就很难保证判断的一致性, 如果模型中有大量备选方案/评价对象(例如学校的所有教师), 直接处理会产生阶数非常大的判断矩阵, 无论对于人的思维能力还是yaahp处理能力都是无 ...

最新文章

  1. 剑指offer系列之三十七:二叉树的深度
  2. 再学大话设计模式--附录(三)
  3. 企业网络推广方法之网站内容链接SEO该怎么做?
  4. 您的连接不是私密连接
  5. 【作业】组合数据类型练习,英文词频统计实例
  6. ubuntu执行编译好的文件显示文件不存在_嵌入式开发 | 什么是交叉编译(CROSS_COMPILE)...
  7. I AM NOTHING vs I AM SOMETHING
  8. 近期找工作无果的一些感想
  9. HTML5 header元素
  10. angularJs的spa页面切换以及ngRoute模块
  11. 开源大数据生态下的 Flink 应用实践
  12. 小狼毫输入法配置(搜狗词库+u模式+皮肤+同步)
  13. 大数据读书——《淘宝技术这十年》读书笔记
  14. C++ Tetris俄罗斯方块
  15. 【华为机试真题 Python实现】一个正整数到 Excel 编号之间的转换
  16. 基于python的对比度增强(线性变换、直方图正规化、直方图均衡化、CLAHE)
  17. java 调整图片分辨率_java 改变图片的分辨率。。。可以吗?
  18. android汉字所占内存
  19. iphone5刷机教程
  20. 笔记:OpenCV之眨眼检测

热门文章

  1. word2vec(一)——skip-gram原理理解
  2. android 定时检测,如何测试 Android 中的定时事件
  3. 2021-08-04 Mysql联表查询
  4. 软件工程 结对编程 设计结对 单元测试结对 评审结对 是什么
  5. nginx IP 80跳转443
  6. 比特币 转账交易为什么要等6个区块确认才算到账 安全 以太坊12个区块
  7. FISCO BCOS Solidity 智能合约Compiler error:Stack too deep, try removing local variables 如何传递超过16个参数变量
  8. matlab选择语句函数,Matlab基本语句和基本函数
  9. java static 初始化顺序_java static 初始化顺序语法并不正确
  10. php 面向对象编程(class)之从入门到崩溃 基础篇