初始化 npm 项目

yarn init

增加依靠

yarn add hapi

增加开辟依靠

要在开辟中运用 TypeScrip，同时最少须要有一个东西，能够一向监听项目文件的变动，并及时的将变动更新至启动的效劳中，我挑选运用 Nodemon，起首增加以下几个开辟依靠

yarn add typescript -D
yarn add nodemon -D

接下来，我们须要为 node 与 hapi 装置范例定义库：

yarn add @types/node -D
yarn add @types/hapi -D

装置完成以后， package.json 文件看起来像下面如许的：

{
  "name": "hapiserver",
  "version": "0.0.1",
  "description": "API server",
  "main": "index.js",
  "author": "Your Name",
  "license": "MIT",
  "dependencies": {
    "hapi": "^18.1.0"
  },
  "devDependencies": {
    "@types/hapi": "^18.0.2",
    "@types/node": "^12.0.2",
    "nodemon": "^1.19.0",
    "typescript": "^3.4.5"
  }
}

注重：你的
dependencies 与
devDependencies 设置中，版本号能够与我的差别。

设置 TypeScript

设想项目文件目次构造

在项目的根目次下，建立一个名为 src 的目次，用于包括体系的一切源代码文件，接着，建立一个名为 dist 的目次，用于保留由 typescript 编译后的 javascript 文件。

注重：文件构造并非强迫的，你能够完整根据本身的习气和范例来举行

.
├── dist
├── node_modules
├── package.json
├── src
└── yarn.lock

tsconfig.json

TypeScript 会查询名为 tsconfig.json 的设置文件来查找项目的进口文件以及编译设置，关于它的细致运用说明，能够从 https://www.typescriptlang.org/docs/handbook/tsconfig-json.html 查阅，在这里，我们先填入以下内容：

{
  "compilerOptions": {
    "outDir": "./dist",
    "allowJs": false,
    "target": "es6",
    "sourceMap": true,
    "module": "commonjs",
    "moduleResolution": "node"
  },
  "include": ["./src/**/*"],
  "exclude": ["node_modules"]
}

在 tsconfig.json 文件中，我们定义了 outDir 的值为 ./dist，它通知编译器，编译后的输出目次为 ./dist 文件夹，如今能够直接在项目根目次实行以下代码，即可编译 src 目次下的 TypeScript 代码至 dist 目次下的 JavaScript 文件了。

node_modules/typescript/bin/tsc

用 TypeScript 开辟 Hapi 效劳运用

在 src 目次下，建立一个名为 server.ts 的文件，内容以下：

import * as hapi from "hapi";

// 建立一个效劳器，监听 `localhost` 上的 `8000` 商品
const server: hapi.Server = new hapi.Server({
  host: "localhost",
  port: 8000
});

// 增加路由
server.route({
  method: "GET",
  path: "/hello",
  handler: function(request, h) {
    return "Hello! TypeScript!";
  }
});

// 启动效劳
async function start() {
  try {
    await server.start();
  } catch (err) {
    console.log(err);
    process.exit(1);
  }
  console.log("Server running at:", server.info.uri);
}

// 不要遗忘启动效劳
start();

因为我们的代码是由 TypeScript 写的，所以如今还没有方法直接运转，须要先将其编译为 JavaScript 代码以后再运转：

运用下面的敕令编译代码：

node_modules/typescript/bin/tsc

编译完成以后，将获得下面如许的两个文件：

dist
├── server.js
└── server.js.map

此时，实行下面的代码，启动效劳：

node dist/server.js

启动胜利以后，终端将显现：

Server running at: http://localhost:8000

运用 curl 测试一下我们的效劳：

$ curl -i http://localhost:8000/hello
HTTP/1.1 200 OK
content-type: text/html; charset=utf-8
cache-control: no-cache
content-length: 18
accept-ranges: bytes
Date: Fri, 17 May 2019 01:58:50 GMT
Connection: keep-alive

Hello! TypeScript!

已启动胜利了。

完成一切设置

我们总不能每改一次代码，都手工实行一次编译，再从新启动效劳，能够在 package.json 中增加两个敕令：

{
  ...
  "scripts": {
    "start": "./node_modules/nodemon/bin/nodemon.js -e ts  --exec \"yarn run compile\"",
    "compile": "tsc && node ./dist/server.js"
  },
  ...
}

如今，只须要在项目根目次下实行以下代码，即可启动一个及时编译代码并自动从新效劳的开辟环境了：

yarn start

它的作用是：nodemon 启动一个效劳，监听文件的变动，当有任何文件变动以后，实行 yarn run compile 敕令（即实行:tsc && node ./dist/server.js，以重启效劳。