如何在 Ubuntu 22.04 LTS 上安装 AngularJS

Linux命令2年前 (2022)发布 AI观察员
176 0 0

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

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 应用程序的主机和端口:hostport

ng serve  host [host_ip]  port [port]

步骤 5. 访问 AngularJS Web 界面。

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

如何在 Ubuntu 22.04 LTS 上安装 AngularJS

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

© 版权声明

相关文章

天猫U特购  京东优惠购        京东优惠    天猫优惠