编写第一个TypeScript程序 – TypeScript开发教程-srcmini

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

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

第一个TypeScript程序

步骤1：打开文本编辑器先建文件hello.ts，并编写/复制以下代码。

function greet(name){
    return "Hola, " + name;
}

let user = "srcmini";
console.log(greet(user));

将以上文件内容保存为.ts扩展名的文件。

步骤2：编译TypeScript代码。要编译源代码，请打开命令提示符，然后转到我们保存上述文件的文件目录位置。例如，如果我们将文件保存在桌面上，转到终端窗口并输入:- cd desktop/folder_name。现在，输入以下命令tsc文件名。编译和按回车键。

这里使用的是VSCode，直接使用其提供的终端即可，切换到目标文件所在目录：

它将生成JavaScript文件hello.js，和TypeScript源文件相同位置，以下是TypeScript(.ts)文件的输出。

注意：如果我们在网页浏览器中直接运行.ts文件，它会抛出一个错误信息。但是在编译.ts文件后，我们可以得到一个.js文件，该文件可以在任何浏览器上执行。

现在，要运行上面的JavaScript文件，在终端窗口中输入以下命令：node filename.js并按回车键。它给出的最终输出为:

TypeScript总是在编译时出错，为此，我们需要在TypeScript中编写程序，编译它，如果发现错误，则查看错误。

步骤1：打开文本编辑器并编写/复制以下代码，保存为.ts扩展名的文件。

function addNumber(a, b){
    return a + b;
}

var sum = addNumber("srcmini", 2025);
console.log("sum: " + sum);

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

这个TypeScript源文件可能产生一个错误，如下所示（这里新版本的ts不出错）。

error TS2345 Argument of type "srcmini" is not assignable to parameter of type "number"

注意：这个程序给出了一个错误，因为我们将变量“a”和“b”作为数字类型。但是，我们传递是的变量“a”作为字符串，传递变量“b”作为数字。

使用tsc编译ts文件后，vscode提示当前ts文件中有重复声明：Duplicate function implementation. 解决这个问题的方法是：在当前项目目录下新建一个tsconfig.json文件（留空也没关系）