TypeScript 第一个程序

在本节中，我们将学习如何在TypeScript中编写程序，如何编译它以及如何运行它。另外，我们将看到如何编译程序并显示错误（如果有的话）。

让我们在文本编辑器中编写一个程序，保存它，编译它，运行它，并将输出显示到控制台。为此，我们需要执行以下步骤。

第1步 打开文本编辑器并编写/复制以下代码。

function greeter(person) {
    return "Hello, " + person;
}
let user = 'JavaTpoint';
console.log(greeter(user));

第2步 将上述文件保存为“ .ts ”扩展名。

第3步 编译TypeScript代码。要编译源代码，打开 命令提示符 ，然后转到我们保存上述文件的文件目录位置。例如，如果我们将文件保存在桌面上，请转到终端窗口并输入：- cd Desktop/folder_name 。现在，输入以下命令 tsc filename.ts 进行编译，然后按 Enter 键。

TypeScript 第一个程序

它将在与TypeScript源文件相同的位置生成带有”.js”扩展名的JavaScript文件。下面的”.js”文件是TypeScript（.ts）文件的输出结果。

TypeScript 第一个程序

注意：

如果我们直接在Web浏览器上运行“ .ts ”文件，会抛出错误消息。但是在“ .ts ”文件编译之后，我们将得到一个可以在任何浏览器上执行的“ .js ”文件。

第4步

现在，要运行上述的JavaScript文件，请在终端窗口中输入以下命令：node filename.js，并按Enter键。它会给我们最终的输出：

TypeScript 第一个程序

编译时错误

TypeScript始终在编译时报错。为此，我们需要用TypeScript编写程序，进行编译，并检查是否存在错误。

步骤1 打开文本编辑器并编写/复制以下代码。

function addNumbers(a, b) {
    return a + b;
}
var sum = addNumbers("JavaTpoint", 25);
console.log('Sum of the numbers is: ' + sum);

步骤2 保存以上文件为“ .ts ”扩展名。

步骤3 编译TypeScript代码。要编译源代码，打开 命令提示符 ，然后转到我们保存了以上文件的文件目录位置。例如，如果我们将文件保存在桌面上，转到终端窗口并键入：- cd桌面 /文件夹名称 。现在，键入以下命令 tsc文件名.ts 进行编译，然后按 Enter 。

此TypeScript源文件将生成一个错误，可以在以下图片中显示。

TypeScript 第一个程序