Angular是一个框架、库、资产和实用程序。它跟踪所有组件并定期检查其更新。本教程将帮助您在 CentOS 8/7/6 和 RHEL 8/7/6 Linux 操作系统上安装 Angular CLI 工具。
第 1 步 – 安装 Node.js
首先,您需要在系统上安装node.js。使用以下命令集在 CentOS 系统中配置 node.js yum 存储库并安装它。
curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
sudo yum install nodejs
确保您已在系统上成功安装 Node.js 和 NPM
node --version
npm --version
第 2 步 – 安装 Angular/CLI
在系统上安装 node.js 和 npm 后,使用以下命令在系统上安装 Angular CLI 工具。
npm install -g @angular/cli
这将在您的系统上安装最新的可用 Angular CLI 版本。安装特定的角度版本运行带有版本号的命令如下。
npm install -g @angular/cli@6 #Angular 6
npm install -g @angular/cli@7 #Angular 7
npm install -g @angular/cli@8 #Angular 8
npm install -g @angular/cli@9 #Angular 9
使用-g上面的命令将全局安装 Angular CLI 工具。因此系统上的所有用户和应用程序都可以访问它。 Angular CLI 提供了一个命令ng
用于命令行操作。让我们检查一下您系统上安装的 ng 版本。
ng --version
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 9.0.7
Node: 12.16.1
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.900.7
@angular-devkit/core 9.0.7
@angular-devkit/schematics 9.0.7
@schematics/angular 9.0.7
@schematics/update 0.900.7
rxjs 6.5.3
第 3 步 – 创建新的 Angular 应用程序
现在,使用 Angular CLI 工具创建一个名为 hello-angular4 的新应用程序。执行命令来执行此操作:
ng new hello-angular
Output:
...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 55.774s
found 0 vulnerabilities
Successfully initialized git.
这将在当前目录中创建一个名为 hello-angular4 的目录,并创建一个应用程序。
第 4 步 – 提供 Angular 应用程序
您的基本 Angular 应用程序已准备好提供服务。将目录更改为 hello-angular4 并使用 ngserve 命令运行 Angular 应用程序。
cd hello-angular
ng serve
您可以在本地主机端口 4200 上访问 Angular 应用程序,这是 Angular 应用程序使用的默认主机和端口。
您可以通过提供来更改运行 Angular 应用程序的主机和端口–host and –port命令行参数。
ng serve --host 0.0.0.0 --port 8080
IP 地址 0.0.0.0 侦听所有接口并可公开访问。