live-server的安装使用，临时服务器

灰太狼 2021-09-17 10:50 213阅读 0赞

本地开发常常需要搭建临时的服务，第一时间我们会想到用[`http-server`][http-server]。

但现在流行修改文件浏览器自动刷新`hot socketing（热拔插）`，如[`live-reload`][live-reload]。

若想浏览器自动打开项目，用[`opener`][opener]。

现在`live-server`实现了三个插件的所有功能，并且很简单就能启动一个看起来很专业的本地服务

NPM全局安装

npm install -g live-server

其它方式

git clone https://github.com/tapio/live-server
    cd live-server
    npm install # Local dependencies if you want to hack
    npm install -g # Install globally

使用方法：

1. 在项目根目录使用命令

live-server

参数：

--port=NUMBER - select port to use, default: PORT env var or 8080
    --host=ADDRESS - select host address to bind to, default: IP env var or 0.0.0.0 (“any address”)
    --no-browser - suppress automatic web browser launching
    --browser=BROWSER - specify browser to use instead of system default
    --quiet | -q - suppress logging
    --verbose | -V - more logging (logs all requests, shows all listening IPv4 interfaces, etc.)
    --open=PATH - launch browser to PATH instead of server root
    --watch=PATH - comma-separated string of paths to exclusively watch for changes (default: watch everything)
    --ignore=PATH - comma-separated string of paths to ignore (anymatch-compatible definition)
    --ignorePattern=RGXP - Regular expression of files to ignore (ie .*\.jade) (DEPRECATED in favor of --ignore)
    --middleware=PATH - path to .js file exporting a middleware function to add; can be a name without path nor extension to reference bundled middlewares in middleware folder
    --entry-file=PATH - serve this file (server root relative) in place of missing files (useful for single page apps)
    --mount=ROUTE:PATH - serve the paths contents under the defined route (multiple definitions possible)
    --spa - translate requests from /abc to /#/abc (handy for Single Page Apps)
    --wait=MILLISECONDS - (default 100ms) wait for all changes, before reloading
    --htpasswd=PATH - Enables http-auth expecting htpasswd file located at PATH
    --cors - Enables CORS for any origin (reflects request origin, requests with credentials are supported)
    --https=PATH - PATH to a HTTPS configuration module
    --proxy=ROUTE:URL - proxy all requests for ROUTE to URL
    --help | -h - display terse usage hint and exit
    --version | -v - display version and exit

2. 把它放在`package.json`的`scripts`下的`server`中

"scripts": {
      "server": "live-server ./ --port=8081"
    }

运行

npm run server

3. node

var liveServer = require("live-server");
     
    var params = {
        port: 8181, // Set the server port. Defaults to 8080. 
        host: "0.0.0.0", // Set the address to bind to. Defaults to 0.0.0.0 or process.env.IP. 
        root: "/public", // Set root directory that's being served. Defaults to cwd. 
        open: false, // When false, it won't load your browser by default. 
        ignore: 'scss,my/templates', // comma-separated string for paths to ignore 
        file: "index.html", // When set, serve this file for every 404 (useful for single-page applications) 
        wait: 1000, // Waits for all changes, before reloading. Defaults to 0 sec. 
        mount: [['/components', './node_modules']], // Mount a directory to a route. 
        logLevel: 2, // 0 = errors only, 1 = some, 2 = lots 
        middleware: [function(req, res, next) { next(); }] // Takes an array of Connect-compatible middleware that are injected into the server middleware stack 
    };
    liveServer.start(params);

[http-server]: https://link.juejin.im/?target=https%3A%2F%2Fgithub.com%2Findexzero%2Fhttp-server%2F
[live-reload]: https://link.juejin.im/?target=https%3A%2F%2Fgithub.com%2FRaynos%2Flive-reload
[opener]: https://link.juejin.im/?target=https%3A%2F%2Fgithub.com%2Fdomenic%2Fopener