live-server的使用
阿新 • • 發佈:2018-12-12
原文地址:http://blog.csdn.net/shan1991fei/article/details/79007953
本地開發常常需要搭建臨時的服務,第一時間我們會想到用http-server
。
但現在流行修改檔案瀏覽器自動重新整理hot socketing(熱拔插)
,如live-reload
。
若想瀏覽器自動開啟專案,用opener
。
現在live-server
實現了三個外掛的所有功能,並且很簡單就能啟動一個看起來很專業的本地服務
NPM全域性安裝
[javascript] view plain copy- npm install -g live-server
- git clone https://github.com/tapio/live-server
- cd live-server
- npm install # Local dependencies if
- npm install -g # Install globally
1. 在專案根目錄使用命令
[javascript] view plain copy- live-server
引數:
[javascript]- --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
中
[html] view plain copy
- "scripts": {
- "server": "live-server ./ --port=8081"
- }
執行
- npm run server
3. node [javascript] view plain copy
- 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);