1. 安装 TypeScript
首先，确保你的系统上安装了 Node.js 和 npm（Node 包管理器）。然后，通过以下命令安装 TypeScript：
npm install -g typescript
2. 创建 TypeScript 文件
创建一个新的 TypeScript 文件，例如 app.ts：
// app.ts
function greet(person: string): string {
return `Hello, ${person}!`;
}
const user = 'John';
console.log(greet(user));
3. 编写 TypeScript 代码
在 app.ts 中，我们定义了一个简单的函数 greet，它接收一个参数 person，该参数应为字符串类型。然后我们创建了一个名为 user 的变量，并将其传递给 greet 函数，最后将结果输出到控制台。
4. 编译 TypeScript 文件
在终端中，使用以下命令将 TypeScript 文件编译为 JavaScript：
tsc app.ts
这将生成一个新的文件 app.js。
5. 运行 JavaScript 文件
你可以直接运行生成的 JavaScript 文件：
node app.js
6. 配置 TypeScript
在 TypeScript 项目中，你可以使用 tsconfig.json 文件配置 TypeScript 编译器。在项目根目录下创建一个 tsconfig.json 文件：
// tsconfig.json
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true
}
}
这是一个简单的配置，指定了编译目标为 ES5、模块系统为 CommonJS，并启用了严格模式。你可以根据需要进一步配置。
7. 类型注解和接口
TypeScript 强调静态类型，你可以通过类型注解和接口来增强代码的可读性和可维护性。例如：
// 类型注解
function add(x: number, y: number): number {
return x + y;
}
// 接口
interface Person {
name: string;
age: number;
}
function greetPerson(person: Person): string {
return `Hello, ${person.name}! You are ${person.age} years old.`;
}
8. 类
TypeScript 支持类和面向对象的编程。例如：
class Animal {
constructor(public name: string) {}
makeSound(): void {
console.log('Some generic sound');
}
}
class Dog extends Animal {
makeSound(): void {
console.log('Woof! Woof!');
}
}
const myDog = new Dog('Buddy');
myDog.makeSound();
这是一个简单的 TypeScript 入门指南。你可以根据需要深入学习 TypeScript 的高级特性，如泛型、装饰器等。有关更详细的信息，请参阅 [TypeScript 官方文档](https://www.typescriptlang.org/docs/)。
转载请注明出处：http://www.zyzy.cn/article/detail/4691/TypeScript