WebStorm+NodeJs建立支持Html模板的項目

前言

WebStorm、NodeJs 安裝能夠百度一下，就不說啦。

WebStorm建立項目

目前只知道 ejs能夠轉換爲html模板，其餘不行。

修改模板爲HTML

項目建立成功，後有一個app.js文件，能夠簡單的認爲是nodeJs一個配置文件。文件內容須要瞭解也去百度吧。 咱們須要修改一些內容，添加下圖中標記的代碼，完成模板修改。

在views文件下增長兩個Html文件

以下圖：

配置監聽

下圖是最簡單的啓動監聽，若是須要複雜的狀況，能夠了解listen函數。 上圖中，port是一個自定義參數，值爲8888,這樣nodeJs服務器就完成了，IP固然是localhost.

啓動程序

修改package.json文件start 後面改成 node app.js。以下圖：

再啓動程序：

在瀏覽器輸入：http://localhost:8888/ 便可。