如何安装 AngularJS Ubuntu 20.04/22.04

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

最流行的 Javascript 框架之一是 Angular JS。 这是一个现代 Javascript 框架,最初由 Misko Hevery 和 Adam Abrons 开发,后来由 Google. 它是用于开发高质量和动态应用程序的稳定而精湛的框架。 在本指南中,我们探索了 Angular JS 在 Ubuntu 焦点窝 ( Ubuntu 20.04 )

第 1 步:更新 Ubuntu

直接登录到您的实例并按如下方式更新包索引。

$ sudo apt update

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

第 2 步:安装 NodeJS Ubuntu

Angular 是一个 JavaScript 框架。 因此,我们需要安装 Javascript 运行环境 Ubuntu 20 月 04 日。 确保 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

第三步:安装 AngularJS

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

$ sudo npm install -g @angular/cli

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

$ ng version

将显示上面的 Angular CLI。

第 4 步:创建 Angular 应用程序

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

$ ng new hello-world

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

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

$ cd hello-world

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

$ ng serve

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

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

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

$ ng serve --host 0.0.0.0 --port 8000

结论

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