美文网首页
热重载前端开发服务器 live-server

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

作者: bigma | 来源:发表于2018-05-06 20:44 被阅读0次

    我使用的是 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/

    相关文章

      网友评论

          本文标题:热重载前端开发服务器 live-server

          本文链接:https://www.haomeiwen.com/subject/pdourftx.html