2. koa開發環境搭建

zhongzhong05發表於2018-10-15

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

相關文章