Browsersync命令行用法

对于 修改 或简单实例的使用,命令行用法可以说是相当有帮助的。全局安装Browsersync后,你可以这样运行它:

$ browser-sync start <options>
--help 输出使用信息
--version 输出的版本号
--browser 选择哪个浏览器应该是自动打开
--files 文件路径看
--exclude 文件模式忽视
--server 运行本地服务器(使用您的CWD作为Web根)
--index 指定哪些文件应该被用作索引页
--extensions 指定文件扩展名回退
--startPath 指定起始路径,打开浏览器
--https 启用S​​SL地方发展
--directory 显示服务器的目录列表
--proxy 代理现有的服务器
--xip 使用xip.io域路由
--tunnel 使用公共网址
--open 选择哪个URL是自动打开(本地,外部或隧道)
--config 指定为BS-config.js文件的路径
--host 指定主机名使用
--logLevel 设置记录器输出电平(沉默,信息或调试)
--port 指定要使用的端口
--reload-delay 以毫秒为单位的时间延迟重装事件以下文件的变化
--reload-debounce 限制在浏览器中的频率:刷新事件可以被发射到连接的客户机
--ui-port 指定端口的UI使用
--no-notify 禁用浏览器的通知元素
--no-open 不要打开一个新的浏览器窗口
--no-online 强制离线使用
--no-ui 不要启动用户界面
--no-ghost-mode 禁用幽灵模式
--no-inject-changes 刷新上的每个文件更改
--no-reload-on-restart 不要自动重新加载在重新启动所有浏览器
# 单个文件 
$ browser-sync start --files "css/core.css"

# 单模式
$ browser-sync start --files "css/*.css"

# 多个文件 
$ browser-sync start --files "css/core.css, css/ie.css"

# 多模式 
$ browser-sync start --files "css/*.css, *.html"
# 使用当前目录为根#静态服务器
$ browser-sync start --server

# 使用“应用程序”目录的根目录#静态服务器
$ browser-sync start --server app

# 使用当前目录与目录列表根#静态服务器 
$ browser-sync start --server --directory
# 使用local.dev虚拟主机
$ browser-sync start --proxy

# 使用local.dev虚拟主机与港口 
$ browser-sync start --proxy local.dev:8001

# 使用本地主机地址 
$ browser-sync start --proxy localhost:8001

# 在子迪尔使用本地主机地址 
$ browser-sync start --proxy localhost:8080/site1
# 观看所有的CSS文件与静态服务 ​​器修改 
$ browser-sync start --files "app/css/*.css" --server

# 观看所有的CSS文件与静态服务 ​​器的更改
# 使用“应用程序”作为基本目录
$ browser-sync start --files "app/css/*.css" --server "app"
--files 文件路径重载
--port 通过目标端口号的运行实例
--url 提供完整的URL运行Browsersync实例
$ browser-sync reload
$ browser-sync reload --port 4000 --files="*.css"
$ browser-sync reload --url https://localhost:3000 --files="*.css"