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