怎样在 Ubuntu 20.04/22.04 中安装 AngularJS

Javascript 是一种流行的脚本语言,用于开发前端和后端应用程序。 为了使开发应用程序的工作更容易,开发了 Javascript 框架。 这些框架是 Javascript 库的集合,它们为程序员提供了用于日常编程任务的预先编写的代码。 框架对于经验不足的开发人员特别有益,他们仍在学习开发中的技巧。 它允许他们开发干净高效的代码。 简而言之,它有助于节省开发应用程序的时间和精力。

最流行的 Javascript 框架之一是 Angular JS。 这是一个现代 Javascript 框架,最初由 Misko Hevery 和 Adam Abrons 开发,后来被 Google 收购和维护。 它是用于开发高质量和动态应用程序的稳定而卓越的框架。 在本指南中,我们将探讨在 Ubuntu Focal Fossa (Ubuntu 20.04) 上安装 Angular JS

第 1 步:更新 Ubuntu

立即开始,登录到您的实例并更新包索引,如下所示。

$ sudo apt update

更新包索引后,继续下一步。

第 2 步:在 Ubuntu 上安装 NodeJS

Angular 是一个 JavaScript 框架。 因此,我们需要在 Ubuntu 20.04 上安装 Javascript 运行时环境。 请确保 curl 实用程序安装如下。 如果你已经有 curl 安装好了,可以忽略这一步。

$ sudo apt install -y curl

之后,使用以下脚本从源下载节点设置。 执行命令:

$ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -

之后,如图所示安装 nodeJS:

$ sudo apt install -y nodejs

此后,执行显示的命令以安装最新版本的 npm。

$ sudo npm install [email protected] -g

使用以下命令确认已安装 npm 和节点:

 $ npm -v
 $ node -v

第 3 步:安装 AngularJS

安装好 npm 后,我们可以使用 npm 命令继续在 Ubuntu 上安装 AngularJS:

$ sudo npm install -g @angular/cli

安装将需要几分钟才能完成。 完成后,检查 AngularJS 的版本,如下所示:

$ ng version

将显示上述 Angular CLI。

第 4 步:创建 Angular 应用程序

现在 Angular 已成功安装在系统上,我们可以继续创建我们的第一个 Angular 应用程序。 首先,使用以下命令创建一个应用程序:

$ ng new hello-world

上面的命令创建了一个名为 hello-world 的目录,其中包含 Angular 应用程序所需的文件。

接下来,导航到您刚刚在上面创建的应用程序:

$ cd hello-world

接下来,运行以下命令来编译您的应用程序。

$ ng serve

怎样在 Ubuntu 20.04/22.04 中安装 AngularJS 1

默认情况下,ng serve 命令在端口上运行应用程序 4200. 要访问您的应用程序,请访问 url https://localhost:4200.

您已经成功编译并运行了一个 Angular 应用程序。

怎样在 Ubuntu 20.04/22.04 中安装 AngularJS 2

有一个选项可以指定运行应用程序的主机和端口。 在这种情况下,我想在主机 0.0.0 和端口 8000 上运行我的应用程序。使用以下命令:

$ ng serve --host 0.0.0.0 --port 8000

结论

您现在可以在 Ubuntu 22.04 上使用 Angular 开发 Web 应用程序。