live-server and ngrok

照例：github page

最原本我是使用connect搭配serve-static實做

const connect = require('connect');

const serveStatic = require('serve-static');

connect().use(serveStatic(__dirname)).listen(8080, function(){

    console.log('Server running on 8080...');

});

主要流程大概就是如此，搭配上ngrok大概可以測試個ssl需求的東西

後來從其他地方發現live-server這個好用的東西就拿他來做我暫時性測試和restful api的實做

另外live-server有提供live-reload的功能，只要當前關注的資料夾有異動，會自行reload，不過缺點是並不會clean cached 和 hard reload，這點請注意

一樣起手式

yarn global add live-server

在全域底下安裝live-server

live-server [--arguments]

在該資料夾底下直接透過cmd、teminal直接啟動，在指令完成時會啟動default browser然後開啟頁面

沒有做其餘的設定的話，基本出來的url為

http://127.0.0.1:8080/

如果沒有其他的指令的話，這基本上為固定的預設值，當然接下來就是介紹其他我常用的arguments

--port=NUMBER

其實liver-server會自行檢測那一個port被佔用，然後自行尋找新的port

--cors

這個提供api可以提供Access-Control-Allow-Origin，拿來做api測試服務很好用

--ignore=PATH || --ignorePattern=REGEX

設定忽略的位置，或者透過regular expression來做設定，這項我通常是放node_modules, package.json的部份

--watch=PATH

觀察哪邊異動然後reload

--no-browser

不啟動browser

live-server用在一些簡易的網站或者在進行jquery的網站測試時我才會用到，webpack或者用cli-tools就有hot-reload的功能，就看該在何種情況下使用啦