• live-server 微服务,本地预览vue、react打包项目


    live-server:https://www.npmjs.com/package/live-server

    全局安装:

    npm install -g live-server

    从命令行使用

    live-server在您的项目目录中发出命令或者,您可以添加路径作为命令行参数。

    这将自动启动默认浏览器。当您对任何文件进行更改时,浏览器将重新加载页面 - 除非它是 CSS 文件,在这种情况下,无需重新加载即可应用更改。

    命令行参数:

    • --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兼容定义)
    • --ignorePattern=RGXP-文件的正则表达式忽略(即.*.jade)(不推荐使用赞成--ignore
    • --no-css-inject - 在 CSS 更改时重新加载页面,而不是注入更改的 CSS
    • --middleware=PATH- .js 文件的路径,导出要添加的中间件功能;可以是没有路径或扩展名的名称来引用middleware文件夹中的捆绑中间件
    • --entry-file=PATH - 提供此文件(服务器根相关)代替丢失的文件(对单页应用程序有用)
    • --mount=ROUTE:PATH - 在定义的路由下提供路径内容(可能有多个定义)
    • --spa - 将请求从 /abc 转换为 /#/abc(适用于单页应用程序)
    • --wait=MILLISECONDS -(默认 100 毫秒)等待所有更改,然后重新加载
    • --htpasswd=PATH - 启用 http-auth 期望位于 PATH 的 htpasswd 文件
    • --cors - 为任何来源启用 CORS(反映请求来源,支持带有凭据的请求)
    • --https=PATH - HTTPS 配置模块的路径
    • --https-module=MODULE_NAME- 自定义 HTTPS 模块(例如spdy
    • --proxy=ROUTE:URL - 将 ROUTE 的所有请求代理到 URL
    • --help | -h - 显示简洁的使用提示并退出
    • --version | -v - 显示版本并退出

    默认选项:

    如果文件~/.live-server.json存在,它将被加载并用作命令行上 live-server 的默认选项。有关选项名称,请参阅“从节点使用”。

    我们使用命令行运行本地打包的vue项目:

    (本地项目目录)

    (2)终端中运行

  • 相关阅读:
    CSS3中制作倒影box-reflect
    JS中==与===区别
    CSS3-Animation
    CSS3-transform
    CSS3-transition
    CSS盒模型-box-sizing
    css兼容处理-hack
    CSS3-rgba
    CSS3-文本-word-wrap,word-break,white-space
    CSS3-文本-text-shadow
  • 原文地址:https://www.cnblogs.com/liangziaha/p/15349366.html
Copyright © 2020-2023  润新知