如何在 Ubuntu 22.04 LTS 上安装 AngularJS

[ad_1]

在本教程中,我们将向您展示如何在 Ubuntu 22.04 LTS 上安装 AngularJS。 对于那些不知道的人,AngularJS 是由 Google 开发的用于构建动态 Web 应用程序的 JavaScript 框架。 与 jQuery、Knockout、Handlebars 或 PagerJs 等其他选项相比,Angular 集成了一个完整的解决方案,使我们能够在现代技术的开发中抛弃旧的 PHP。

本文假设您至少具备 Linux 的基本知识,知道如何使用 shell,最重要的是,您将网站托管在自己的 VPS 上。 安装非常简单,假设您在 root 帐户下运行,如果不是,您可能需要添加 ‘sudo‘ 到命令以获取 root 权限。 我将向您展示在 Ubuntu 22.04 (Jammy Jellyfish) 上逐步安装 AngularJS JavaScript 框架。 对于 Ubuntu 22.04 和任何其他基于 Debian 的发行版,如 Linux Mint、Elementary OS、Pop!_OS 等,您可以按照相同的说明进行操作。

先决条件

  • 运行以下操作系统之一的服务器:Ubuntu 22.04、20.04 和任何其他基于 Debian 的发行版,如 Linux Mint。
  • 建议您使用全新的操作系统安装来防止任何潜在问题。
  • 对服务器的 SSH 访问(或者如果您在桌面上,则只需打开终端)。
  • 一个 non-root sudo user或访问 root user. 我们建议充当 non-root sudo user,但是,如果您在充当 root 时不小心,可能会损害您的系统。

在 Ubuntu 22.04 LTS Jammy Jellyfish 上安装 AngularJS

步骤 1. 首先,通过运行以下命令确保所有系统包都是最新的 apt 终端中的命令。

sudo apt update
sudo apt upgrade
sudo apt install build-essential curl file git

步骤 2. 安装 Node.js。

现在使用以下命令添加 Node.JS 存储库:

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

添加存储库成功后,运行以下命令在 Ubuntu 22.04 上安装 Nodejs:

sudo apt install nodejs

下一步是更新 npm 版本:

sudo npm install [email protected] -g

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

npm -v
node -v

步骤 3. 在 Ubuntu 22.04 上安装 AngularJS。

默认情况下,AngularJS 在 Ubuntu 22.04 基础存储库中不可用。 现在在 Ubuntu 上使用 npm 命令:

sudo npm install -g @angular/cli

安装完成后,让我们检查 Angular CLI 版本:

ng version

输出:

_                      _                 ____ _     ___
    /    _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △  | '_  / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ | | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   __| |_|__, |__,_|_|__,_|_|       ____|_____|___|
                |___/


Angular CLI: 13.4.0
Node: 16.14.2
Package Manager: npm 8.6.4
OS: linux x64

Angular: 
... 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1303.0 (cli-only)
@angular-devkit/core         13.3.0 (cli-only)
@angular-devkit/schematics   13.3.0 (cli-only)
@schematics/angular          13.3.0 (cli-only)

第 4 步。创建示例 Angular 应用程序。

现在使用以下命令创建一个新的 AngularCLI 项目:

ng new [new-project-name]

接下来,访问使用项目名称创建的文件夹:

cd [new-project-name]

要测试所有内容,请运行:

ng serve

您可以通过提供来更改运行 Angular 应用程序的主机和端口 –host–port 命令行参数:

ng serve – host [host_ip] – port [port]

步骤 5. 访问 AngularJS Web 界面。

成功安装后,打开您的网络浏览器并输入 URL https://your-IP-address:4200. 您将被重定向到 Angular 应用程序:

恭喜! 您已成功安装 AngularJS。 感谢您使用本教程在 Ubuntu 22.04 LTS Jammy Jellyfish 系统上安装 AngularJS JavaScript 框架。 如需更多帮助或有用信息,我们建议您查看 AngularJS 官方网站.

[ad_2]

Related Posts