nodejs實踐--npm使用、express建立ejs模板

Node Express在命令行建立項目時，默認是使用Jade模板，雖然這個模板高效，但畢竟跟普通html風格相差甚遠，不少人用不習慣。

ejs風格，簡單、直觀、明瞭，和：jsp php asp freemaker 相似，在頁面嵌套。

 一、NPM建立Node項目

> npm init

 一、EXPRESS建立Node項目

注：運行命令前記得先進入當前項目所在的目錄。 

若是出現錯誤：'express' 不是內部或外部命令，也不是可運行的程序或批處理文件

請全局安裝 express和express-generator

在終端上執行如下代碼

                 npm install -g express  

                 npm install -g express-generator

[Jade模板]

> express nodeJade

express建立項目若不顯示指定模板，默認使用Jade，如下寫法均可以：

express -jade nodeJade

express -view=jade nodeJade

express --view=jade nodeJade （官方推薦寫法）

[EJS模板]

express -e nodeEjs    //參數 -e 就是說用ejs引擎，dirName就是建立項目的目錄 如下寫法均可以：

### EJS模板須要顯示指定
express --ejs nodeEjs

express --view=ejs nodeEjs （官方推薦寫法）

注: express -ejs nodeEjs 或 express -view=ejs nodeEjs 都是錯誤寫法，儘管Jade支持-view這種寫法。。。

因此建議使用最簡單的寫法或者官方推薦的 "--view=** " 寫法

 

注： 如下操做Jade和EJS模板都同樣，演示以Jade模板的項目爲例

二、進入項目，並下載相關的模塊

> cd nodeJade

> npm install  (或 npm i 或 npm install all 均可以)

 

三、啓動項目

> npm start

 使用以下命令也能夠啓動項目

> node ./bin/www   (或 node bin/www)

 

注：啓動方式能夠在package.json文件中進行配置，以下：

"script":{"start":"node ./bin/www"}

四、瀏覽器中輸入 localhost:3000  (或 127.0.0.1:3000)

 

注： 默認端口爲3000，如提示端口被佔用，則可進入到 .bin/www文件中修改port端口，而後重啓便可。

版權聲明：本文爲博主原創文章，未經博主容許不得轉載。 https://blog.csdn.net/weixin_36401046/article/details/53374551

EJS模板語言改後.html後綴

app.set('view engine', 'jade');

換成

//將引擎修改成html
var jade = require('jade');//在app.js的頭上定義jade
app.engine('html',jade.__express);//註冊html模板引擎
app.set('view engine', 'html');//將模板引擎換成html

修改模板文件的後綴爲.html。