什么是 generator-ts-jest
generator-ts-jest 是一个 npm 包，它提供了一套快速生成 TypeScript + Jest 的项目脚手架的方法。使用者可以很方便地创建出一个 TypeScript + Jest 的项目，以便进行前端开发、测试和调试工作。
generator-ts-jest 的安装
在开始使用 generator-ts-jest 之前，你需要先安装它。可以使用以下命令进行安装：
npm install -g generator-ts-jest
generator-ts-jest 的使用
- 创建项目目录：
mkdir my-project cd my-project
- 在项目目录中运行以下命令以生成项目：
yo ts-jest
- 接着，你可以运行以下命令启动项目：
npm run start
generator-ts-jest 的结构
generator-ts-jest 生成的项目结构如下：
-- -------------------- ---- ------- ---------- --- ---------- --- ------ --- ------------ --- --------- --- --- - --- -------- - --- ------------- --- -------------
其中：
.gitignore：Git 忽略文件.npmrc：NPM 配置文件package.json：项目依赖与配置文件README.md：项目说明文档src/index.ts：项目源代码文件src/index.test.ts：项目单元测试文件tsconfig.json：TypeScript 配置文件
generator-ts-jest 的配置项
generator-ts-jest 支持多种配置项，包括语言、类型、模块打包器、测试工具等。以下是常见配置项的介绍：
name：项目名称（默认为当前目录名）description：项目描述version：项目版本author：作者名license：项目许可证target：编译结果的 JavaScript 版本（默认为 ES5）module：模块打包器类型（默认为 CommonJS）testFramework：测试工具类型（默认为 Jest）
generator-ts-jest 的示例代码
以下是一个简单的示例项目，该项目生成一个函数，对传入的两个数字进行加法运算，并返回结果。
首先，我们创建项目目录：
mkdir my-project cd my-project
接着，我们运行以下命令创建项目：
yo ts-jest
然后，我们进入到 src 目录下，打开 index.ts 文件，添加以下代码：
export function add(a: number, b: number): number {
return a + b;
}接着，我们进入到 src 目录下，打开 index.test.ts 文件，添加以下代码：
import { add } from './index';
test('add', () => {
expect(add(1, 2)).toBe(3);
});现在我们可以执行以下命令来测试我们的代码：
npm run test
如果一切正常，你应该能看到测试结果输出如下：
PASS src/index.test.ts ✓ add (5 ms) Test Suites: 1 passed, 1 total Tests: 1 passed, 1 total Snapshots: 0 total Time: 2.443 s Ran all test suites.
恭喜，你已经成功使用 generator-ts-jest 创建了一个 TypeScript + Jest 的项目，并且成功运行了一个单元测试。接下来，你可以在这个项目的基础上，进行你自己的开发、测试和调试工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663081e8991b448e217f