用typescript开发Node.js应用

开门见山直接来。

第一步：新建一个目录，用来存放项目文件。

mkdir ts-node

存放项目文件的目录.png

第二步：初始化一个Node.js的项目。

npm init -y

初始化项目.png

第三步：初始化tsconfig.json文件

tsc -init

ts的配置文件.png

第四步：修改tsconfig.json文件

设置include，exclude，outDir属性，做好最基本的配置。

修改ts配置文件_1.png 修改ts配置文件_2.png

第五步：安装@types/node库

npm install --save-dev @types/node

安装库.png

至此，我们就可以用typescript来编写Node.js了。

试一下，新建一个./src/service.ts文件，代码如下：

import * as http from 'http';

const serve = http.createServer((req, res) => {
    res.end('Hello Node');
});

serve.listen(3000, () => {
    console.log('服务已启动');
});

在命令行执行tsc命令以编译.ts文件，并执行编译后在build目录下生成的同名js文件。

编译并运行.png

访问页面，如图所示：

页面.png

---

延伸一下，能不能用typescript来编译Express框架呢？

那一定是能啊，只要再安装一下@types/express库就可以了。动手吧。

安装Express和@types/express库

npm install --save express
npm install --save-dev @types/express

express.png

好了，我们再来试一试，看是不是真的能用typescript开发Express。

新建一个./src/app.ts文件，代码如下：

import express from 'express';

const app = express();

app.get('/', (req, res) => {
    res.send('Hello Express');
});

app.listen(3000, () => {
    console.log('Express已启动');
});

编译并运行：

启动express服务..png

访问页面，如图所示：

页面.png