在现代 web 开发中，TypeScript 越来越受到开发者们的青睐。TypeScript 是一种静态类型的编程语言，它提供了强类型、语法糖、代码可读性等许多优秀的特性。因此，在 web 开发中使用 TypeScript 带来许多好处。
在使用 TypeScript 进行 web 开发时，有一个非常好的起点就是使用 @bengo.co/typescript-web-starter 这个 npm 包。这个包提供了一个前端项目的基础模板，包括构建、开发服务、测试等等，让开发者可以快速开始使用 TypeScript 进行 web 开发。
安装
使用 npm 安装 @bengo.co/typescript-web-starter：
npm install @bengo.co/typescript-web-starter
安装完成后，执行以下命令：
npx typescript-web-starter my-project
其中，my-project 是项目的名称，可以自定义。
配置
在 src 目录下，可以看到 index.ts 文件，该文件包含了一个 hello 函数的示例代码：
function hello(name: string) {
console.log(`Hello, ${name}!`);
}
hello('TypeScript');执行 npm run start 命令，可以启动本地开发服务，并在浏览器中查看到输出的 Hello, TypeScript! 字符串。
同时，package.json 中已经预置了 TypeScript 的编译命令，并且支持自动监听文件变化，无需手动重新编译。我们只需要修改代码并保存即可。
构建
在开发完成后，我们需要将代码编译为可在浏览器中运行的 JavaScript 代码。执行以下命令：
npm run build
将会生成 dist 目录，其中包含了编译后的 JavaScript 符号。
测试
@bengo.co/typescript-web-starter 同时预置了基于 Jest 的测试框架。我们可以在 test 目录下编写测试用例，例如在 test/hello.test.ts 文件中：
import { hello } from '../src/index';
test('Test hello function', () => {
expect(hello('TypeScript')).toEqual('Hello, TypeScript!');
});执行 npm run test 命令，即可运行测试用例。如果当前的代码编写出现了问题，则会输出相关的错误信息。
总结
@bengo.co/typescript-web-starter 提供了 TypeScript 运用在 web 开发中的基础模板，具有快速上手、自定义、测试等多方面的优点。使用这个 npm 包能够帮助开发者更加高效地开发 web 项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/112277