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

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

 

全局安装：

npm install -g live-server

如果不想安装可以使用npx

npx live-server --port=3344

 

从命令行使用

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）终端中运行