Angular 是一款非常流行的前端框架，它是由 Google 开发和维护的。它使用 TypeScript 语言来编写代码，这一点让开发者在开发过程中更容易遵循单一职责原则、依赖注入等设计模式。本文将详细介绍在 Angular 应用中如何使用 TypeScript 进行开发，同时还将为读者提供一些实际示例。
什么是 TypeScript
TypeScript 是一种由微软开发的编程语言，它是 JavaScript 的超集。与原始的 JavaScript 不同，TypeScript 包括静态类型、类、模块等功能，这些特性使得 TypeScript 代码容易维护、易读、易扩展。TypeScript 也是 Angular 5 及以上版本的官方编程语言。
在 Angular 中使用 TypeScript
安装 Angular CLI
在开始开发之前，我们需要安装 Angular CLI 命令行工具。它可以帮助我们初始化和管理 Angular 应用的环境和依赖项。使用 npm 命令来安装 Angular CLI：
npm install -g @angular/cli
创建一个 Angular 应用
在安装了 Angular CLI 后，我们可以使用命令行工具来创建一个新的 Angular 应用。执行以下命令来创建一个新的项目：
ng new sample-app
在这个过程中，Angular CLI 会下载项目所需的所有依赖项以及生成一个项目骨架。
在项目中使用 TypeScript
在创建了一个 Angular 项目后，我们可以开始在项目中使用 TypeScript。在 Angular 中，TypeScript 文件的扩展名为 .ts。在我们开始创建 TypeScript 文件前，需要确保安装了 TypeScript 编译器。执行以下命令来安装 TypeScript：
npm install -g typescript
安装完成后，我们需要创建一个 TypeScript 文件。例如，我们可以创建一个 sample.component.ts 文件，并在其中定义一个简单的 Angular 组件：
import { NgComponent } from '@angular/core';
@Component({
selector: 'app-sample-component',
template: '<h1>Hello World!</h1>'
})
export class SampleComponent {
}在这个代码片段中，我们定义了一个名为 SampleComponent 的组件，并将其导出（export）。在组件内，我们使用了 Angular 自带的 @Component() 装饰器，该装饰器指定选择器（Selector）和模板（template），用于构建组件。
运行 Angular 应用
在创建了 TypeScript 文件之后，我们需要使用 Angular CLI 来构建和运行项目。执行以下命令来在本地启动应用程序：
ng serve
在应用程序启动后，我们可以在浏览器中访问 http://localhost:4200/ 来查看应用程序。
总结
在本文中，我们介绍了 Angular 中如何使用 TypeScript 进行开发。我们讲解了如何安装 Angular CLI、创建 Angular 应用、如何在 TypeScript 中创建组件和如何在本地环境中运行应用。掌握这些基本的知识点是 Angular 开发中必不可少的一步。我们还提供了示例代码，供大家参考。最后，我们希望读者能够通过本文，学习到如何在 Angular 应用中使用 TypeScript 在开发过程中更容易遵循设计模式，同时也能更好地理解 TypeScript 的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d07183b5eee0b5257674a0