第一个 TypeScript 程序

1. 创建你的第一个 TypeScript 文件

让我们从一个简单的 "Hello, TypeScript!" 程序开始：

  1. 创建一个新文件，命名为 hello.ts
  2. 添加以下代码：
// 这是你的第一个TypeScript程序
function greet(name: string): string {
    return `Hello, ${name}!`;
}

const message: string = greet("TypeScript");
console.log(message);

2. 编译 TypeScript 代码

TypeScript 需要编译为 JavaScript 才能在浏览器或Node.js中运行：

  1. 打开终端
  2. 运行编译命令：
    tsc hello.ts
  3. 这将生成一个 hello.js 文件

3. 运行你的程序

你可以使用Node.js运行编译后的JavaScript文件：

node hello.js

输出应该是：

Hello, TypeScript!

4. 理解代码结构

让我们分解这个简单程序的关键部分：

  1. 类型注解：name: string 指定参数类型
  2. 返回值类型：: string 指定函数返回类型
  3. 模板字符串：使用反引号(``)创建包含变量的字符串
  4. 类型化变量：const message: string 显式声明变量类型

5. 实时编译与监视模式

为了开发效率，可以使用监视模式自动编译：

tsc hello.ts --watch
# 或简写为
tsc hello.ts -w

6. 常见问题解决

问题1：找不到 tsc 命令

  • 解决方案：确保全局安装了TypeScript (npm install -g typescript)

问题2：语法错误不显示

  • 解决方案：检查VS Code是否使用正确的TypeScript版本

7. 下一步

尝试修改程序：

  1. 改变问候语
  2. 添加第二个参数
  3. 尝试移除类型注解，观察类型推断

提示：TypeScript的强大之处在于它的类型系统，即使在这个简单程序中，我们已经看到了类型安全的基本好处。

Last Updated::