sublime使用live-server实时刷新浏览器页面预览

安装 live-server

npm install live-server -g 安装live-server到全局。

如果手动启动服务,定位工程所有目录,然后执行 live-server 命令即可。

启动参数说明:

  • --port=NUMBER - 选择要使用的端口,默认值:PORT env var或8080
  • --host=ADDRESS - 选择要绑定的主机地址,默认值:IP env var或0.0.0.0(“任意地址”)
  • --no-browser - 禁止自动Web浏览器启动
  • --browser=BROWSER - 指定浏览器使用,而不是系统默认
  • --quiet | -q - 禁止记录
  • --verbose | -V - 更多日志记录(记录所有请求,显示所有侦听的IPv4接口等)
  • --open=PATH - 启动浏览器到PATH而不是服务器根目录
  • --watch=PATH - 用逗号分隔的路径来专门监视更改(默认值:观看所有内容)
  • --ignore=PATH- 要忽略的逗号分隔的路径字符串(anymatch -compatible definition)
  • --ignorePattern=RGXP-文件的正则表达式忽略(即.*\.jade)(不推荐使用赞成--ignore
  • --middleware=PATH - 导出.js文件的路径导出中间件功能添加; 可以是一个没有路径的名字,也不是引用middleware文件夹中捆绑的中间件的扩展名
  • --entry-file=PATH - 提供这个文件(服务器的根相对),以取代丢失的文件(对单页面应用程序有用)
  • --mount=ROUTE:PATH - 在定义的路线下提供路径内容(可能有多个定义)
  • --spa - 将请求从/ abc转换为/#/ abc(适用于单页面应用程序)
  • --wait=MILLISECONDS - (默认100ms)等待所有更改,然后重新加载
  • --htpasswd=PATH - 启用期待位于PATH的htpasswd文件的http-auth
  • --cors - 为任何来源启用CORS(反映请求源,支持凭证的请求)
  • --https=PATH - 到HTTPS配置模块的路径
  • --proxy=ROUTE:URL - 代理ROUTE到URL的所有请求
  • --help | -h - 显示简短的使用提示和退出
  • --version | -v - 显示版本和退出

设置sublime编译

新建编译系统,并配置为:

{
    "shell_cmd": "live-server",
    "working_dir": "${project_path}"
}

最后,ctrl+B就可以相对当前工程目录启动live-server了。

另:每执行一次都会启动一个新的live-server服务,优点是可以同时给不同工程开启不同的服务,缺点时不好管理关闭,取消编译只能关闭最后启动的服务。

你可能感兴趣的:(sublime使用live-server实时刷新浏览器页面预览)