创建可调试,热加载的TypeScript+Koa工程

从零开始创建一个可调试,支持热加载的TypeScript+Koa工程.

本文为了尽量详细,对出现的各种东西都做了简单的介绍,可能会看起来比较啰嗦.

环境搭建
首先,需要一套安装了node,typescript和VScode的开发环境.

安装node的过程就不赘述了,网上一大把.

安装typescript也很简单:

npm install -g typescript

安装完成后,使用tsc -v命令,如果出现版本号,则为安装成功.

安装VSCode…也不说了

创建typescript工程
cd到需要创建工程的文件夹后,先建一个工程文件夹,比如我们的工程文件夹叫"koaDemo".

mkdir koaDemo
cd koaDemo

创建npm工程:

npm init

这个命令会创建package.json 文件,这个文件定义了这个项目所需要的各种模块，以及项目的配置信息.

创建typescript工程:

tsc --init

这个命令会创建 tsconfig.json 文件,是用来配置typescript编译的

打开后是所有的可以配置的选项(我猜是所有的),但大多数都被注释了起来,我们需要哪个就把哪个解开注释即可.

我们对此文件进行如下更改:
1、把target改成ES2017,改完后这一行是这样的:“target”: “ES2017”, 这样我们就能使用node本身实现的一些新特性,

2、打开sourceMap那一行的注释

“sourceMap”: true,

这样就能生成.map文件,map文件是用来映射ts文件与生成出来的js文件的,方便我们调试用的.因为我们调试的时候执行的是js文件,但是看的却是ts文件.(不过用ts-node的话,也该就不需要map文件了)

3、设置输出文件夹:

“outDir”: “./dist”,

4、打开静态文件选项

“strict”: true,

5、在最后的大括号前添加如下语句(记得上一个大括号后加逗号)

"include": [
    "src/**/*"
  ],