建立 express 專案起手式
本篇筆記將說明如何使用 express-generator 快速建立並初始化一個 Express 專案。
安裝 Express-Generator
express-generator 是 Express 的命令工具,它可以很方便地一鍵初始化整個專案。首先透過 npm 將其安裝到全域環境中:
npm install -g express-generator # 在全域中建立 express 命令工具
express --version # 確認版本,檢視是否安裝完成
初始化專案
安裝完成後就可以建立並初始化專案。前端部 分有許多模板引擎(Template Engine),這是一個將頁面模板與數據結合來生成 HTML 的工具,常見的有下列幾個選項:
- ejs
- pug
- hbs
- hogan
express -f [專案名稱] # 強制在非空目錄下建立 (force on non-empty directory)
express --view=ejs [專案名稱] # 指定使用 ejs 作為 template
# 根據需求選擇適合的指令初始化專案即可
啟動專案
進入專案目錄,安裝相依套件並啟動專案:
npm install
npm run start # 預設運行於 3000 port
提示: 可以將啟動程式中的
node ./bin/www改為nodemon ./bin/www,這樣就能在編輯檔案時自動重新啟動專案。不過這需要事前先安裝nodemon套件。