※ 下載Typescript
- 快速建立 TypeScript 和 Express 的基本目錄結構和必要配置。全局安裝後，無需在每個專案中重新下載和安裝。
//確認全局安裝：
npm install -g typescript-express-generator
- 檢查 NPM 全局路徑：
npm config get prefix
- 建立模板引擎：動態生成 HTML。
ts-express --view=ejs server
//選擇 使用版本
※ src資料夾功能：所有開發專案的應用程序或軟體的「原始碼」，都會統一放在src資料夾中。
- 進到server資料夾：
cd server- npm install：安裝node_modules（安裝所需套件）。
npm install
build命令的功能：將 TypeScript 代碼轉換為 JavaScript 代碼。
- 進入server資料夾：
cd server
- 啟動伺服器：
修改 Windows 支援的語法。
"scripts": {
"start": "set NODE_OPTIONS=--trace-deprecation --abort-on-uncaught-exception && set NODE_ENV=development && nodemon --exec ts-node ./bin/www.ts",
"dev": "ts-node ./bin/www.ts",
"build": "sh etc/build.sh"
}
www.ts檔案：用於設置和啟動網路伺服器。
在www.ts檔案中可以修改預設端口的3000。
const port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
//改成
const port = normalizePort(process.env.PORT || '30000');
app.set('port', port);
啟動伺服器成果：
npm run start
畫面渲染過程：
- 路由：routes-->index.ts
- 畫面：views-->index.ts
