iT邦幫忙

2

node.js - express #6

pyk 2017-05-24 14:52:1325042 瀏覽
  • 分享至 

  • xImage
  •  

express預設的render是jade,但由於jade的入門門檻較高,
加上我自己對html比較熟悉,因此ejs對我來說是比較容易的,
在後面都會先用ejs來開發

希望哪天我可以改用swig/images/emoticon/emoticon02.gif

第六個應用:利用express及ejs開發(1)

先在terminal打 npm install -g express-generator 才能用express自動生成模板
接下來輸入 express /<路徑>/<你的專案名稱>

像我就是想在 /Desktop/db 的資料夾內建立一個叫作 dashboard 的專案
http://ithelp.ithome.com.tw/upload/images/20170519/201051542eKF5GHV4d.png

app.js 這支就是我們的主程式
package.json 則記載了專案名稱、版本、和其它套件的版本
http://ithelp.ithome.com.tw/upload/images/20170519/201051544MfNcnMzR5.png

因為jade學習門檻比較高,所以我會用ejs的方式來作

app.js 的view engine 改成 ejs (應該是在第15行處)

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

再修改 package.json,改用ejs
http://ithelp.ithome.com.tw/upload/images/20170519/20105154pXFaErSmDY.png
之後到該目錄輸入

npm install -l

就能將相依的套件通通下載了

備註: npm install -l 這個指令會下載所有package.json內的套件

之後輸入

npm run

打開瀏覽器 http://localhost:3000/ 就會看到結果了


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言