如何在 Ubuntu 22.04 LTS 上安装 AngularJS
admin
2023-07-31 20:47:42
0

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

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

相关内容

热门资讯

Windows 11 和 10... Windows 11/10 文件夹属性中缺少共享选项卡 – 已修复 1.检查共享选项卡是否可用 右键...
Radmin VPN Wind... Radmin VPN 是一款免费且用户友好的软件,旨在牢固地连接计算机以创建一个有凝聚力的虚拟专用网...
如何修复 Steam 内容文件... Steam 内容文件锁定是当您的 Steam 文件无法自行更新时出现的错误。解决此问题的最有效方法之...
事件 ID 7034:如何通过... 点击进入:ChatGPT工具插件导航大全 服务控制管理器 (SCM) 负责管理系统上运行的服务的活动...
Hive OS LOLMine... 目前不清退的交易所推荐: 1、全球第二大交易所OKX欧意 国区邀请链接: https://www.m...
在 Windows 11 中打... 什么是链路状态电源管理? 您可以在系统控制面板的电源选项中看到链接状态电源管理。它是 PCI Exp...
如何在 iPhone 14 P... Apple 的 iPhone 14 Pro 是第一款配备 48MP 传感器的 iPhone。所有以前...
在 iCloud 上关闭“查找... 如果您是 Apple 的长期用户,您肯定会遇到过 Find My 应用程序,它本机安装在 iPhon...
farols1.1.501.0... faro ls 1.1.501.0(64bit)可以卸载,是一款无需连接外部PC机或笔记本计算机即可...
Hive OS 部署 PXE ... 目前不清退的交易所推荐: 1、全球第二大交易所OKX欧意 国区邀请链接: https://www.m...