使用vscode开发typescript程序

一. 安装typescript

npm install -g typescript

Typescript是JavaScript的超集。typescript提供了tsc的指令来将ts文件编译成js文件

添加对node核心包的描述

npm install -D @types/node

ps：

如果不希望全局安装，也可以使用

npm install -D typescript

然后使用npx 来调用项目内部安装的模块

二. 新建typescript项目

初始化 package.json

   npm init -y

初始化 tsconfig.json
```
tsc init
```
可以通过修改outDir来指定编译生成的js文件存放目录
普通的运行

   tsc 
   node ./dist/index.js

三. 使用ts-node

普通运行每次都要编译，太麻烦了。

ts-node 是通过源代码映射来执行ts代码，并提供了REPL环境

安装
```
npm install -g ts-node
```
使用

REPL
```
ts-node
```
运行ts文件
```
ts-node index.ts
```

四. 代码检查 Eslint

TSLint官方推荐使用ESLint

安装
```
npm install eslint --save-dev
```
配置
```
npx eslint --init
```
选择standard

集成

打开VSCode，文件 => 首选项 => 设置添加

{
  "eslint.validate": [
    "typescript"
  ]
}

五. 使用VSCode调试

添加.vscode/launch.json

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "runtimeArgs": [
        "-r",
        "ts-node/register"
      ],
      "args": [
        "${workspaceFolder}/src/index.ts"
      ]
    }
  ]
}

即可 F5调试

六. 使用ts-mocha来进行单元测试

安装

npm install -D mocha
npm install -D ts-mocha
npm install -D @types/mocha

编写.test.ts

测试

npx ts-mocha ./src/test/*.test.ts
// OR
npx mocha -r ts-node/register ./src/test/*.test.ts