前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Koa-TS基础与TypeScript头文件详解以及Koa2-TS路由实现指南

Koa-TS基础与TypeScript头文件详解以及Koa2-TS路由实现指南

原创
作者头像
BNTang
发布2023-09-18 23:30:44
6940
发布2023-09-18 23:30:44
举报

废话不多说直奔主题,当你看到这篇文章的时候博主相信你肯定是有一定的编程技能的所以不在过多的介绍本文的具体内容是干嘛用的。

创建 Node 项目

代码语言:shell
复制
npm init --y

生成配置 tsconfig.json

代码语言:shell
复制
npm install typescript ts-node --save-d
代码语言:shell
复制
tsc --init

安装相关依赖

代码语言:shell
复制
npm install koa --save
代码语言:shell
复制
npm install @types/node @types/koa --save-d
代码语言:shell
复制
npm install cross-env --save
代码语言:shell
复制
npm install nodemon --save-d

配置 package.json

代码语言:json
复制
"dev": "cross-env NODE_ENV=dev nodemon -e ts --exec ts-node app.ts"

编写 koa 代码

Koa npm 官方地址:https://www.npmjs.com/package/koa

创建 app.ts

代码语言:typescript
复制
const Koa = require('koa');
const app = new Koa();

// response
app.use((ctx: any) => {
    ctx.body = 'Hello Koa';
});

app.listen(3000, () => {
    console.log("listen 3000 ok");
});

然后 npm run dev 启动在浏览器当中访问:http://127.0.0.1:3000/

在文章开头之前,首先来介绍一下本文主要介绍的内容就是在使用别人编写好的头文件细节,安装好别人编写好的头文件之后,例如你现在安装了一个 @type/xxx

  • 如果是使用 ES Module 导出, 那么在使用的时候就要用 ES Module 的方式在进行导入
  • 如果是使用 Node Module 导出, 那么在使用的时候就要用 Node Module 的方式在进行导入
  • 如果是使用 TS Module 导出, 那么在使用的时候可以使用 TS Module 导入, 但是也可以使用 ES Module 或者 Node Module 进行导入

查看别人编写好的头文件导出方式就是在你需要查看的文件按住 Ctrl 然后鼠标点击进入源文件即可:

ES Module 导入

代码语言:typescript
复制
import Koa from 'koa';

Node Module 导入

代码语言:typescript
复制
const Koa = require('koa');

TS Module 导入

代码语言:typescript
复制
import Koa = require("koa");

安装相关依赖

代码语言:shell
复制
npm install koa-router --save
代码语言:shell
复制
npm isntall @types/koa-router --save-d

编写相关代码

新建 index.ts:

代码语言:typescript
复制
import Router = require("koa-router");

const router: Router = new Router();

router.get('/', (ctx: any) => {
    ctx.body = 'router index';
});
router.get('/home', (ctx: any) => {
    ctx.body = 'router home';
});

export default router;

新建 app.ts:

代码语言:typescript
复制
import Koa = require("koa");
import index from './routers/index';

const app = new Koa();

app.use(index.routes());

app.listen(3000, () => {
    console.log('listen 3000 OK');
});

然后利用 ts 编译器把项目启动起来,然后在访问浏览器:http://127.0.0.1:3000/home

我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 创建 Node 项目
  • 生成配置 tsconfig.json
  • 安装相关依赖
  • 配置 package.json
  • 编写 koa 代码
  • ES Module 导入
  • Node Module 导入
  • TS Module 导入
  • 安装相关依赖
  • 编写相关代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档