本文介绍在Ubuntu 22.04、20.04、18.04系统上安装和使用AngularJS的方法。

简介

AngularJS是一种常见的基于web的开源应用程序，用于构建移动和桌面应用程序。AngularJS于2009年由Google创建，得到了170多万开发者、图书馆作者和内容创作者的支持。AngularJS基于TypeScript语言构建，包括：

基于组件的框架，支持一次构建可扩展的web应用程序。

一套用于开发、更新和测试代码的开发工具。

一组集成良好的库，具有多种功能，如表单管理、路由。

AngularJS允许使用HTML作为模板语言，从中可以扩展语法以清晰地表达应用程序组件。除了能够从单个开发人员项目扩展到企业级应用程序之外，AngularJS还具有以下惊人的功能：

数据绑定这允许模型和视图组件之间的数据自动同步。

能够创建富Internet应用程序（RIA）。

提供了以干净的模型视图控制器（MVC）方式用JavaScript编写应用程序的能力。

用AngularJS编写的应用程序兼容跨浏览器。

深度链接（Deep Linking）是一种代码功能，允许用户在URL中对应用程序的状态进行编码，以便将其标记为书签。

依赖注入–通过内置的依赖注入，可以轻松地开发、理解和测试应用程序。

模型视图将应用程序分为模型、视图和控制器，每个部分都有不同的职责。

AngularJS具有从控制器和模型渲染的模板，即HTML文件。

它内置了诸如$http之类的服务，用于发出XMLHTTP请求。

尽管AngularJS有许多惊人的优点，但它仍有以下缺点：

它不安全，使用JavaSCript框架，应该实现服务器端身份验证以确保应用程序的安全。

不可降解，因为当应用程序的用户禁用JavaScipt时，您将只剩下一个基本页面。

安装和使用AngularJS的方法

建议在开始安装AngularJS前，更新和升级系统，执行sudo apt update && sudo apt upgrade命令就可以了。

1、安装Node.js

在本文中，我们将使用npm在系统上安装AngularJS。npm是Linux系统上Node.JS的默认包管理器，因此将使用以下步骤在Ubuntu 22.04上安装它。或者参考 https://www.hmxthome.com/linux/4833.html 里面的内容。

添加Node.JS存储库。这里我们将在Ubuntu 22.04上安装Node.JS 14，因为Angular不支持Node.JS 16：

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

样本输出：

## Installing the NodeSource Node.js 14.x repo...

## Populating apt-get cache...

+ apt-get update

Hit:1 http://ke.archive.ubuntu.com/ubuntu focal InRelease

Get:2 http://ke.archive.ubuntu.com/ubuntu focal-updates InRelease [114 kB]

## To install the Yarn package manager, run:

     curl -sL https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor | sudo tee /usr/share/keyrings/yarnkey.gpg >/dev/null

     echo "deb [signed-by=/usr/share/keyrings/yarnkey.gpg] https://dl.yarnpkg.com/debian stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

     sudo apt-get update && sudo apt-get install yarn

然后继续并安装Node.JS在Ubuntu 22.04上运行，使用APT命令：

sudo apt install -y nodejs

上面的命令将安装NPM，它是一个JavaScript包管理器。通过检查已安装的Node.JS版本来确认安装：

$ node -v

v14.18.1

下一步是更新npm版本：

sudo npm install npm@latest -g

使用以下命令检查npm版本：

$ npm --version

8.1.0

2、在Ubuntu 22.04上安装AngularJS

安装了npm后，我们将在系统上安装AngulaJS。使用以下命令在Ubuntu 22.04上安装最新版本的AngulaJS：

sudo npm install -g @angular/cli

最新版本的Angular CLI将安装在ubuntu 22.04上。安装完成后，请验证已安装的Angular版本：

$ ng version

样本输出：

此外，您还可以在Ubuntu 22.04上的Angular CLI上安装特定版本：

#...Angular 8....#

npm install -g @angular/cli@8

#...Angular 9....#

npm install -g @angular/cli@9

#...Angular 10....#

npm install -g @angular/cli@10

3、创建新的Angular应用程序

安装Angular后，可以使用ng命令创建新的Angular应用程序。在本文中，我们将使用AngularJS创建一个名为HelloWorld的演示应用程序：

ng new HelloWorld

样本输出：

该命令在当前目录中创建一个HelloWorld目录，其中包含Angular应用程序所需的所有文件。

4、为Angular应用程序服务

此时，您创建的angular应用程序已准备就绪。导航到目录并按如下所示提供应用程序：

cd HelloWorld

ng serve

样本输出：

由于angular应用程序在端口4200上运行，因此使用URL通过web访问应用程序，地址格式为http://localhost:4200，或者，您可以使用以下方法更改运行应用程序的主机和端口：

ng serve --host 0.0.0.0 --port 8080

这里，应用程序在IP地址0.0.0.0和端口8080上运行：

现在，您可以添加依赖项、PWA支持、运行和监视测试，并为生产构建应用程序。

至此，通过以上介绍，我们已经在Ubuntu 22.04、20.04、18.04系统上成功安装并使用AngularJS了。