1.使用npm初始化專案
在專案目錄執行以下命令,然後按提示輸入
npm init
複製程式碼
2. 新增Koa依賴
在專案中新增koa和koa-router依賴
npm install koa koa-router --save
複製程式碼
3. 新增tsconfig配置檔案
內容如下:
{
"compilerOptions": {
"module": "commonjs",
"target": "es2017",
"noImplicitAny": true,
"outDir": "./dist",
"sourceMap": true
},
"include": [
"./src/**/*"
]
}
複製程式碼
4. 新增ts檔案變更監聽和自動重啟服務
做這一步操作,需要安裝nodemon和ts-node到專案的devDependencies中
npm install nodemon ts-node -D
複製程式碼
然後在package.json檔案中新增script
"start": "nodemon --watch 'src/**/*' -e ts,tsx --exec 'ts-node' ./src/index.ts",
複製程式碼
這樣之後,在修改專案目錄下的src目錄下的ts或者tsx檔案的時候,服務就會自動重啟,方便除錯。
5. 到這一步的專案目錄結構(src目錄下)
因為不是入門教程,下面的程式碼請自己閱讀理解
├── controllers ## Controller層
│ └── user.ts
├── index.ts ## server入口
├── models ## Model層
│ └── user.ts
├── routers ## 路由配置
│ └── user.ts
└── services ## Service層
└── user.ts
複製程式碼
上面的程式碼是一個最基本的目錄結構,用於後面的演示。
啟動專案
npm install
npm start
複製程式碼
打來瀏覽器輸入localhost:3000/users