如何在 Ubuntu 22.04 LTS 上安装 AngularJS

2023年 7月 20日 18.2k 0

AngularJS 是由 Google 开发的用于构建动态 Web 应用程序的 JavaScript 框架。与 jQuery、Knockout、Handlebars 或 PagerJs 等其他选项相比,Angular 集成了一个完整的解决方案,使我们能够在现代技术的开发中抛弃旧的 PHP。angular-logo

在 Ubuntu 22.04 LTS Jammy Jellyfish 上安装 AngularJS

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

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 npm@latest -g

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

npm -v
node -v

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

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

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 。您将被重定向到 Angular 应用程序:http://your-IP-address:4200

Angular-web-interface

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

相关文章

服务器端口转发,带你了解服务器端口转发
服务器开放端口,服务器开放端口的步骤
产品推荐:7月受欢迎AI容器镜像来了,有Qwen系列大模型镜像
如何使用 WinGet 下载 Microsoft Store 应用
百度搜索:蓝易云 – 熟悉ubuntu apt-get命令详解
百度搜索:蓝易云 – 域名解析成功但ping不通解决方案

发布评论