如何在 Ubuntu 22.04 上安装 TypeScript | 20.04

如果您参与过不断发展的 Web 开发世界，那么您很有可能听说过TypeScript。TypeScript 是 JavaScript 的一个强大的静态类型超集，它为您提供了可选的静态类型和可靠的面向对象编程功能。它由 Microsoft 开发和维护，自 2012 年推出以来，迅速成长为开发人员构建大型应用程序的热门选择。

TypeScript 在 JavaScript 之上添加了一个强大的类型系统，可以提高开发人员的工作效率、更好的工具和增强的重构。这种强类型有助于在开发过程的早期发现错误，从而节省大量时间和精力。

TypeScript 的独特性

要理解为什么 TypeScript 如此受欢迎，有必要了解它与其他替代流行软件语言的区别：

• 静态类型：虽然 JavaScript 是动态类型的，但 TypeScript 引入了静态类型。这意味着在编译时而不是在运行时检查类型，从而导致早期错误检测。
• 面向对象编程 (OOP) 功能：TypeScript 支持 OOP 功能，例如类、接口和继承，这是 JavaScript 所缺少的。这使得 TypeScript 成为大规模应用程序开发的绝佳选择。
• 更好的工具：TypeScript 的静态类型功能支持更好的开发工具，例如改进的自动完成、类型检查和高级重构功能，从而增强开发体验。
• 向后兼容性：TypeScript 是 JavaScript 的超集，这意味着任何有效的 JavaScript 代码也是有效的 TypeScript。这种向后兼容性使 JavaScript 开发人员更容易过渡到 TypeScript。
• 广泛的社区支持：TypeScript 享有广泛的采用和社区支持。许多流行的 JavaScript 库和框架（如 Angular 和 Vue.js）推荐甚至需要使用 TypeScript 进行开发。

TypeScript 与其他流行语言

与其他流行的软件语言相比，TypeScript 也有自己的优势：

• 与 JavaScript 相比：如前所述，TypeScript 是 JavaScript 的静态类型超集，提供了 JavaScript 所缺乏的一套附加功能，例如静态类型和成熟的 OOP 功能。
• 与 Java 相比：虽然 Java 提供静态类型和 OOP，但 TypeScript 的语法可以说更简单、更灵活。与主要用于服务器端编程的 Java 不同，TypeScript 还允许进行服务器端和客户端开发。
• 与 Python 相比：Python 是另一种动态类型语言。虽然 Python 因其简单性和可读性而广受喜爱，但 TypeScript 的静态类型和强大的工具使其成为更大、更复杂的应用程序的更好选择。

在即将发布的指南中，我们将引导您使用 NodeSource 的最新 LTS 版本在 Ubuntu 22.04 Jammy Jellyfish 或 Ubuntu 20.04 Focal Fossa 上安装 TypeScript。

第 1 部分：为 TypeScript 开发设置 Node.js

Node.js 是设置 TypeScript 开发环境的关键组件，提供运行时以在服务器端执行 JavaScript 代码。本节概述了在您的 Ubuntu 系统上安装 Node.js 的详细过程，使您能够设置适合 TypeScript 开发的环境。

第 1 步：确保您的 Ubuntu 系统是最新的

在深入安装过程之前，最重要的是更新系统的现有包。此步骤是系统管理和软件管理中至关重要的最佳实践。通过确保您运行的是所有已安装软件的最新版本，它有助于防止潜在的软件冲突。

要更新您的系统，请执行以下命令：

sudo apt update && sudo apt upgrade

此命令按顺序执行两个操作：

• sudo apt update：这会更新升级包列表。它从 Ubuntu 系统中所有已配置的源中获取包信息。
• sudo apt upgrade：这会升级您系统上的所有可更新包。更新软件包列表后，此命令会安装最新版本的已安装软件包。

第 2 步：安装基本包

为了确保 Node.js 安装顺利进行，我们需要安装一些额外的包。这些包有助于软件管理的各个方面，在安装过程中可能需要这些包。这些包括curl使用 URL 传输数据、git版本控制和wget网络下行链路。

要安装这些包，请运行以下命令：

sudo apt install curl git wget -y

该-y标志用于对任何提示自动回答“是”，从而无需人工干预即可继续安装。

第 3 步：导入 NodeSource 存储库

NodeSource 存储库是我们安装 Node.js 的首选来源。这个存储库提供了最新版本的 Node.js，使其成为我们 TypeScript 设置的完美选择。

首先，我们需要将 NodeSource 存储库导入我们的系统。NodeSource 提供了一个脚本来执行此操作。以下命令获取脚本并执行它：

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo bash -

在此命令中，curl -fsSL https://deb.nodesource.com/setup_lts.x从 NodeSource URL 获取脚本，并将| sudo bash -其通过管道传输到 bash，bash 以 root 权限执行脚本。

接下来，我们需要更新系统的包列表以包含来自新添加的 NodeSource 存储库的包：

sudo apt update

第 4 步：安装 Node.js

一切就绪后，就该安装 Node.js 了。以下命令从 NodeSource 存储库安装 Node.js：

sudo apt install nodejs

第 5 步：验证 Node.js 安装

安装过程完成后，验证安装的 Node.js 版本始终是一个明智的想法。此验证步骤确保安装成功并且 Node.js 已准备好在我们的 TypeScript 环境中使用。

要检查您的 Node.js 版本，请使用以下命令：

node --version

此命令将输出已安装的 Node.js 版本，确认安装成功。如果一切顺利，您现在就可以开始设置 TypeScript 开发环境的后续步骤了。

第 2 部分：在您的系统上安装 TypeScript

基于上一节中的 Node.js 设置，我们现在将开始在您的 Ubuntu 系统上安装 TypeScript 的旅程。TypeScript 是 JavaScript 的静态类型超集，它的服务器端执行也需要 Node.js。TypeScript 的安装过程涉及 npm，它是 Node.js 的默认包管理器。

第 1 步：确保 NPM 是最新的

在开始安装 TypeScript 之前，确认 npm（节点包管理器）是最新的至关重要。npm 充当管理 Node.js 包的骨干，并保持更新以保证访问最新的功能和安全补丁，从而为安全高效的开发环境做出贡献。

要将 npm 更新到最新版本，请执行以下命令：

sudo npm install npm@latest -g

在此命令中，npm install npm@latest获取最新版本的 npm，并将-g其全局安装，使其在整个系统中可用。

第 2 步：安装 TypeScript 编译器

接下来，我们将在您的系统上安装 TypeScript。TypeScript 附带一个强大的编译器 (tsc)，允许您将 TypeScript 代码转换为纯 JavaScript。这个编译器使 TypeScript 成为一个可行的开发选项，因为浏览器不能直接执行 TypeScript。

要安装 TypeScript 编译器，请运行以下命令：

sudo npm install -g typescript

在此命令中，npm install -g typescript获取 TypeScript 包并将其全局安装，使其可在整个系统中访问。

第 3 步：验证 TypeScript 安装

安装完成后，验证 TypeScript 编译器是否已成功安装至关重要。此验证步骤有助于确保一切设置正确且 TypeScript 编译器已准备好使用，为无缝的 TypeScript 开发体验奠定了基础。

要检查 TypeScript 编译器的安装版本，请执行：

tsc --version

此命令将输出已安装的 TypeScript 编译器版本，确认安装成功。如果一切按预期进行，您现在就可以开始在您的 Ubuntu 系统上使用 TypeScript 进行开发了。

第 3 节：建立 TypeScript 测试项目

现在我们已经在您的系统上成功安装了 TypeScript 及其编译器，是时候设置一个测试项目了。此步骤有助于验证 TypeScript 是否正常运行，并提供一个沙箱供您熟悉 TypeScript 语法和操作。该过程将涉及创建一个新目录、初始化一个新的 TypeScript 项目以及编写一个简单的 TypeScript 文件。

第 1 步：创建新项目目录

设置 TypeScript 测试项目的第一步是创建一个新目录。该目录将存放与我们的测试项目相关的所有文件。将您的项目组织到单独的目录中是一个很好的做法，因为它有助于保持一个干净有序的工作区。

运行以下命令以创建一个名为的新目录ts-test-project：

mkdir ts-test-project

此命令创建一个名为ts-test-project. 随意替换ts-test-project为您喜欢的任何名称。

接下来，使用以下cd命令导航到新创建的目录：

cd ts-test-project

第 2 步：初始化一个新的 TypeScript 项目

目录就绪后，我们现在可以初始化一个新的 TypeScript 项目。初始化项目会创建一个tsconfig.json文件，该文件是 TypeScript 的配置文件。该文件指定编译项目所需的根文件和编译器选项。

要初始化新的 TypeScript 项目，请运行以下命令：

tsc --init

运行此命令后，您应该会tsconfig.json在项目目录中看到一个文件。该文件将具有 TypeScript 提供的合理默认值，您可以稍后根据项目需要对其进行修改。

第 3 步：创建一个简单的 TypeScript 文件

对于我们的测试项目，让我们创建一个简单的 TypeScript 文件。在这个文件中，我们将编写一个基本的“Hello, World!” 程序。这将使我们能够测试 TypeScript 编译器并确认一切都按预期工作。

hello.ts使用文本编辑器创建一个名为的新文件。在这个例子中，我们将使用nano：

nano hello.ts

在该hello.ts文件中，编写以下 TypeScript 代码：

let message: string = "Hello, World!";
console.log(message);

保存并关闭文件。这个简单的程序声明了一个名为 的字符串变量message，分配了字符串“Hello, World!” 到它，然后将此消息记录到控制台。

第 4 步：编译并运行 TypeScript 文件

现在，是时候编译并运行我们的 TypeScript 文件了。请记住，Node.js 或浏览器本身无法理解 TypeScript，因此我们需要先将其编译为 JavaScript，然后才能运行它。

要编译 TypeScript 文件，请使用 TypeScript 编译器 ( tsc)：

tsc hello.ts

此命令会将hello.ts文件编译成名为 .js 的 JavaScript 文件hello.js。

最后，要运行编译后的 JavaScript 文件，请使用 Node.js：

node hello.js

运行此命令后，您应该会看到“Hello, World!” 打印到您的控制台。如果你看到这个输出，恭喜你！您已经在您的系统上成功设置了一个 TypeScript 测试项目。

例子：

关于在 Ubuntu Linux 上安装 TypeScript 的最终想法

总之，本指南已引导您完成在 Ubuntu Linux 系统上安装 TypeScript 的过程。我们从安装 Node.js 开始，这是 TypeScript 的关键先决条件，因为它可以在服务器端执行 JavaScript 代码。之后，我们将 Node.js 的默认包管理器 npm 更新到最新版本，确保我们可以访问最新的功能和安全更新。

接下来，我们安装 TypeScript 本身，使用 npm 全局安装 TypeScript 及其命令行界面工具。安装后，我们通过检查版本来验证 TypeScript 是否成功安装。最后，我们创建了一个测试项目来验证 TypeScript 的正确运行。这使我们能够创建和编译一个简单的 TypeScript 文件，确认 TypeScript 编译器按预期工作。

按照本指南，您现在应该在您的 Ubuntu 系统上拥有一个功能齐全的 TypeScript 环境。这个基础将使您能够自信地开发 TypeScript 项目，无论您是经验丰富的开发人员还是刚刚开始使用 TypeScript。

其他资源和链接

以下是一些有助于加深您对 TypeScript 及其用法的理解的宝贵资源：

• TypeScript 官方文档：官方 TypeScript 文档是一个全面的资源，涵盖从基本到高级 TypeScript 概念的所有内容。对于任何认真学习 TypeScript 的人来说，这是一本必读的书。
• TypeScript GitHub 存储库：TypeScript GitHub 存储库对于那些对 TypeScript 开发感兴趣的人来说是一个宝贵的资源。在这里，您可以访问源代码、报告问题、做出贡献并了解最新的更改和改进。
• Node.js 官方文档：Node.js 是使用 TypeScript 时必不可少的组件。官方 Node.js 文档深入介绍了 Node.js 功能、API 参考以及有效使用 Node.js 的指南。