Typescript工具与生态

- · -

当然，以下是"TypeScript 工具与生态系统"章节的完善版本，包括示例代码和参考文档链接：

1. 编辑器集成

我们常用的大部分编辑器都支持 Typescript 语法高亮和代码提示。

• Visual Studio Code
• Webstorm
• Fleet

2. 测试工具与断言库

Typescript 代码也可以使用 jest 工具来进行单元测试。

2.1 安装 jest

pnpm add -D jest @types/jest @jest/globals ts-jest

2.2 生成 jest 配置文件

执行下面的命令可以生成 jest 的配置文件：

./node_modules/.bin/ts-jest config:init

执行完以后会生成类似下面的配置文件

jest.config.js

/** @type {import('ts-jest').JestConfigWithTsJest} */
module.exports = {
  preset: "ts-jest",
  testEnvironment: "node",
};

2.3 编写测试用例

sum.ts

function sum(a: number, b: number): number {
  return a + b;
}

export default sum;

sum.test.ts

import sum from "./sum";

test("adds 1 + 2 to equal 3", () => {
  expect(sum(1, 2)).toBe(3);
});

2.4 运行测试用例

pnpm test

3. Typescript 运行时

我们除了可以把 Typescript 代码编译成 Javascript 代码之外，还可以直接运行 Typescript，这就需要用到 ts-node，它是一个运行时的 Typescript 编译器，可以直接运行 Typescript 代码。

其实 ts 官方是没有提供运行时的，ts-node 也是通过把 ts 编译成 js 再运行从而实现的。

pnpm add -g ts-node

ts-node index.ts