安裝套件
我們使用的是 express-generator 的套件,以下附上官方 github 及 npm 連結
express-generator github
express-generator npm
在專案內輸入
1 | npm install -g express-generator |
必須安裝在 全域環境才行哩。
產生應用程式
開啟專案資料夾,並且執行 CMD 到該目錄,
執行 express --view=ejs,接下來就會自動產生結構哩
個人設定
個人是使用 ejs 以及 scss 做開發,所以我的應用器產生代碼是
1 | express --view=ejs --css=sass |
相關參數設定都可在官方文件裡找到
設定 scss 後,還需在 app.js 調整,調整以紅色箭頭處設定,
即可在 public/stylesheets 中撰寫 scss 檔囉!!
測試
執行 npm i 後輸入
1 | npm start |
如果有正常出現畫面,並且有吃到 scss 的樣式就成功囉!!