如何在Fedora 32/31/30上安装Angular

时间:2019-05-19 01:26:33  来源:igfitidea点击:

Angular是开源的web应用框架。
它跟踪所有组件并定期检查它们的更新。
本教程将在Fedora 32/31/30/29/28/27操作系统上安装Angular。
这也会帮助你创建一个示例Angular应用程序。

步骤1 -安装Node.js

首先,我们需要在Fedora系统上安装node.js。
使用以下命令集在Fedora系统中添加node.js PPA并安装所需的包。

curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
sudo yum install nodejs

确保在系统上成功安装了node.js和NPM

node --version
npm --version

步骤2 -在Fedora上安装Angular

在系统上完成Node.js安装之后。
使用以下命令使用npm在系统上安装Angular CLI模块。

npm install -g @angular/cli

命令将在系统上安装最新的可用的Angular CLI版本。
要安装特定的Angular版本,请运行下面带版本号的命令。

npm install -g @angular/Hyman@theitroad  **6**       ## Install Angular 6
npm install -g @angular/Hyman@theitroad  **7**       ## Install Angular 7
npm install -g @angular/Hyman@theitroad  **8**       ## Install Angular 8
npm install -g @angular/Hyman@theitroad  **9**       ## Install Angular 9

在上面的命令中使用 -g选项可以全局安装Angular CLI。
它将对系统上的所有用户和应用程序可用。
Angular CLI提供了一个命令' ng ',用于命令行操作。
安装完成后,使用ng命令检查安装的版本。

$ng --version

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

Angular CLI: 9.1.4
Node: 14.2.0
OS: linux x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.4
@angular-devkit/core         9.1.4
@angular-devkit/schematics   9.1.4
@schematics/angular          9.1.4
@schematics/update           0.901.4
rxjs                         6.5.4

第3步——创建新的Angular应用程序

现在,使用Angular CLI工具创建一个名为hello-angular的新应用程序。
执行以下命令:

ng new hello-angular

输出:

...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 36.281s
found 0 vulnerabilities

    Successfully initialized git.

这将在当前目录中创建一个名为“hello-angular”的目录,并创建应用程序。

第4步——为Angular应用程序提供服务

默认的Angular应用程序已经准备好了。
切换到hello-angular目录,使用ng serve命令运行Angular应用程序。

cd hello-angular
ng serve

你可以在本地主机端口4200上访问你的angular应用程序,这是angular应用程序使用的默认主机和端口。
它还可以使用 -host-port命令行参数来改变运行Angular应用的主机和端口。

ng serve --host 0.0.0.0 --port 8080

使用主机0.0.0.0监听所有接口。
因此,我们可以从局域网网或公网访问它。