0%

Express.js - generator 應用產生器

安裝套件

我們使用的是 express-generator 的套件,以下附上官方 github 及 npm 連結
express-generator github
express-generator npm
在專案內輸入

1
npm install -g express-generator

必須安裝在 全域環境才行哩。

產生應用程式

開啟專案資料夾,並且執行 CMD 到該目錄,
執行 express --view=ejs,接下來就會自動產生結構哩
express-generator

個人設定

個人是使用 ejs 以及 scss 做開發,所以我的應用器產生代碼是

1
express --view=ejs --css=sass

相關參數設定都可在官方文件裡找到

設定 scss 後,還需在 app.js 調整,調整以紅色箭頭處設定,
即可在 public/stylesheets 中撰寫 scss 檔囉!!
scss

測試

執行 npm i 後輸入

1
npm start

如果有正常出現畫面,並且有吃到 scss 的樣式就成功囉!!