如何在CentOS/RHEL 8/7/6上安装Angular CLI

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

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在系统上,使用以下命令在系统上安装Angular CLI工具。

npm install -g @angular/cli

这将在系统上安装最新可用版本的Angular CLI。要安装特定版本的Angular,请运行如下所示命令,并输入版本号。

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

使用上面的[-g]命令将全局安装Angular CLI工具。因此系统上的所有用户和应用程序都可以访问它。Angular CLI提供用于命令行操作的命令“ng”。让我们检查一下我们系统上安装的ng版本。

$ ng --version 

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

Angular CLI: 9.0.7
Node: 12.16.1

步骤3–创建新的Angular应用程序

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

ng new hello-angular

输出:

...
...
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并使用ng serve命令运行Angular应用程序。

cd hello-angular
ng serve

我们可以在localhost端口4200上访问angular应用程序,该端口是angular应用程序使用的默认主机和端口。

http://localhost:4200

我们可以通过提供[-host]和[-port]命令行参数来更改运行Angular应用程序的主机和端口。

ng serve --host 0.0.0.0 --port 8080

IP地址0.0.0.0表示监听所有接口。