2016年8月2日 星期二

Node.js–使用Http-server

 

Tool:Visual Studio 2015 Enterprise Update 3、Node.js Tools 1.2 for Visual Studio 2015
OS:Windows 10
Node.js、JavaScript

Http-server是個簡易版,適合在開發階段使用的輕量級Web伺服器。以下說明如何在Visual Studio使用它們。

使用Visual Studio建立一個Node.js Web Application專案:

image

加入一個Index.html檔案

image

在檔案中加個標題

 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
  <h1>Home</h1>
</body>
</html>

安裝套件

 

image

搜尋http-server

image

加上Scripts區段,指定使用http-server,設定埠號為8888:

{
  "name": "es2015-demo",
  "version": "0.0.0",
  "description": "ES2015Demo",
  "main": "server.js",
  "author": {
    "name": "Admin"
  },
  "scripts": {
    "start": "http-server -p 8888"
  },

  "dependencies": {
    "http-server": "^0.9.0"
  }
}

開啟命令提示字元:

image

啟動伺服器:

npm start

接著便會看到以下訊息:

image

開啟Browser,就會看到首頁

image

另一種啟動伺服器的方式,是透過Node.js Interactive Window,如下

image

沒有留言:

總瀏覽量