安裝套件
我們使用的是 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
的樣式就成功囉!!