天天看点

Vue2+Koa2+Typescript前后端框架教程--01后端Node.js框架搭建(安装调试KOA2)

今天开始从零搭建后端框架,后端框架基于Koa2,通过Typescript语言编写。

在写后端框架之前,自己也了解过Express,感觉Koa2更加灵活,由于有多年后端研发经验,所以采用Koa2,简单敏捷灵活。

1. 安装Koa2

首先要安装Node.js,这个就不赘述,安装最新版即可。开发IDE使用VisualStudio Code,绝对推荐。

使用vs code打开自己新建的server文件夹,使用控制台命令行,敲入以下命令:

1.1 初始化package.json文件:(根据提示回车)

1.2 安装Koa2:

1.3 添加index.js文件,尝试第一次运行Koa2,敲入以下代码

1.4 然后F5运行,打开浏览器,输入localhost:3000,如下图

Vue2+Koa2+Typescript前后端框架教程--01后端Node.js框架搭建(安装调试KOA2)

2. 安装Typescript

由于我个人比较喜欢TS,所以想尝试使用,对后期开发都有好处(前端也用TS,TS流行啊)。

2.1 全局安装TS

2.1 添加TS配置文件:tsconfig.json

执行后,会出现tsconfig.json文件

2.2 打开tsconfig.json,进行配置

2.3 安装@types/node

2.4 修改index.js为index.ts,修改内部代码 

2.5  通过F5直接在vs code中进行调试,Ctrl + Shift + B(windows),创建task.json

2.6 在vs code 右侧,debug模式,添加配置

Vue2+Koa2+Typescript前后端框架教程--01后端Node.js框架搭建(安装调试KOA2)

2.7 自动生成launch.json文件,修改为:

2.8 按F5运行,控制台输出和页面显示如下:

Vue2+Koa2+Typescript前后端框架教程--01后端Node.js框架搭建(安装调试KOA2)
Vue2+Koa2+Typescript前后端框架教程--01后端Node.js框架搭建(安装调试KOA2)

附:文档结构如图

Vue2+Koa2+Typescript前后端框架教程--01后端Node.js框架搭建(安装调试KOA2)
上一篇: js数组去重