live-server的使用

原文地址：http://blog.csdn.net/shan1991fei/article/details/79007953

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

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

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

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

NPM全局安装

[javascript]  view plain  copy

1. npm install -g live-server  

其它方式

[javascript]  view plain  copy

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

使用方法：

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

[javascript]  view plain  copy

1. live-server  

参数：

[javascript]  view plain  copy

1. --port=NUMBER - select port to use, default: PORT env var or 8080  
2. --host=ADDRESS - select host address to bind to, default: IP env var or 0.0.0.0 (“any address”)  
3. --no-browser - suppress automatic web browser launching  
4. --browser=BROWSER - specify browser to use instead of system default  
5. --quiet | -q - suppress logging  
6. --verbose | -V - more logging (logs all requests, shows all listening IPv4 interfaces, etc.)  
7. --open=PATH - launch browser to PATH instead of server root  
8. --watch=PATH - comma-separated string of paths to exclusively watch for changes (default: watch everything)  
9. --ignore=PATH - comma-separated string of paths to ignore (anymatch-compatible definition)  
10. --ignorePattern=RGXP - Regular expression of files to ignore (ie .*\.jade) (DEPRECATED in favor of --ignore)  
11. --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  
12. --entry-file=PATH - serve this file (server root relative) in place of missing files (useful for single page apps)  
13. --mount=ROUTE:PATH - serve the paths contents under the defined route (multiple definitions possible)  
14. --spa - translate requests from /abc to /#/abc (handy for Single Page Apps)  
15. --wait=MILLISECONDS - (default 100ms) wait for all changes, before reloading  
16. --htpasswd=PATH - Enables http-auth expecting htpasswd file located at PATH  
17. --cors - Enables CORS for any origin (reflects request origin, requests with credentials are supported)  
18. --https=PATH - PATH to a HTTPS configuration module  
19. --proxy=ROUTE:URL - proxy all requests for ROUTE to URL  
20. --help | -h - display terse usage hint and exit  
21. --version | -v - display version and exit  

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

[html]  view plain  copy

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

运行

[javascript]  view plain  copy

1. npm run server  

3. node

[javascript]  view plain  copy

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