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