live-server npm地址:https://www.npmjs.com/package/live-server
live-server是一款npm工具,可以实现在本地开发中搭建一个临时静态服务器。虽然现在很多编辑器都有一键启动服务器功能,但是多学一个总归是好的。
1. 安装live-server
在安装live-server前需要先安装好node和npm,这个自行安装。
npm install -g live-server
如果npm安装太慢的话就用cpm install -g live-server
安装。前提需要安装cnpm淘宝镜像,这个自行搞定。
安装完成之后可以执行命令live-server -v
查看版本,如果能看到就说明安装成功。
2. 启动项目本地服务器
首先先cd 项目跟目录路径
,然后可以直接执行live-server
启动。
3. 命令常用配置表
注意:下面--是两条短横杠的,而不是一条
命令 | 默认参数 | 说明 |
---|---|---|
–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 | – | (默认100ms)等待所有更改,然后重新加载 |
–htpasswd=PATH | – | 启用位于PATH的http-auth期望htpasswd文件 |
–cors | – | 为任何来源启用CORS(反映请求来源,支持带有凭据的请求) |
–https=PATH | – | HTTPS配置模块的路径 |
–https-module=MODULE_NAME | – | 自定义HTTPS模块(例如spdy) |
–proxy=ROUTE:URL | – | 将所有对ROUTE的请求代理到URL |
–help | -h | – | 显示简洁的使用提示并退出 |
–version | -v | – | 显示版本并退出 |