本教程将在macOS操作系统上通过命令行安装Angular.js。必须在macOS上安装自制包管理器。

步骤1–准备工作

让我们开始使用Homebrew在macOS系统上安装Node.js。

因此，首先更新自制包管理器索引。然后你可以安装Node.js使用以下命令在MacOS系统中打包：

brew update  
brew install node

我们已成功安装Node.js在你的系统上。在终端上执行下面的命令以查看安装的Node.js版本信息。

node -v

v12.4.0

步骤2–在macOS上安装Angular/CLI

在安装Node.js在系统上，使用以下命令在系统上全局安装Angular CLI工具。

npm install -g @angular/cli

此命令将在macOS系统上安装最新可用的Angular CLI版本。如果macOS上需要任何其他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** 

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

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

ng new hello-angular4

输出：

...
...
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-angular4
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监听所有接口并可公开访问。