热重载前端开发服务器 live-server

我使用的是 vscode ，这编辑器没有像 webstorm 那样在预览文件的时候会启动一个本地服务器，以便一些js可以正常工作。

vscode 有一个 live-server 的插件 但打开我的项目的时候会很慢，也不知道什么原因，点了之后要等好久才有反应，或者干脆不工作了。

索性试下 npm 安装 live-server 。

必要工具

• nodejs
• npm 也可以安装 cnpm 这样对国内环境更友好
• gitBash 当然其它的命令行工具也是可以的

安装

npm -g i live-server

启动

live-server

好了，这样本地就有会有个 开发服务器了。 localhost:8080 并且在你修改文件后会自动刷新。是不是超简单。

其他参数

`--port=NUMBER`- 选择要使用的端口，默认值：PORT envvar或8080

`--host=ADDRESS`- 选择要绑定的主机地址，默认值：IP envvar或0.0.0.0（“任意地址”）

`--no-browser`- 禁止自动Web浏览器启动*`--browser=BROWSER`- 指定浏览器使用，而不是系统默认

`--quiet | -q`- 禁止记录

`--verbose | -V`- 更多日志记录（记录所有请求，显示所有侦听的IPv4接口等）

`--open=PATH`- 启动浏览器到PATH而不是服务器根目录

`--watch=PATH`- 用逗号分隔的路径来专门监视更改（默认值：观看所有内容）

`--ignore=PATH`- 要忽略的逗号分隔的路径字符串（[anymatch](https://github.com/es128/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`- 显示版本和退出

live-server 官网 http://tapiov.net/live-server/