如何在CentOS 8上安装Angular CLI

如何在CentOS 8上安装Angular CLI

Angular是一种流行的开源应用程序开发框架。它是高度可扩展的,用于使用TypeScript / JavaScript开发移动和Web应用程序。旨在从头开始构建小型到大型应用程序。 提供用于创建,管理,构建和测试Angular应用程序的Angular CLI实用程序。

这篇文章将向您展示如何在CentOS 8上安装Angular(CLI)。

先决条件

  • 运行CentOS的服务器8。
  • 服务器具有root密码。

安装Node.js

要安装Angular,您需要在服务器上安装Node.js。如果尚未安装,则可以使用以下命令进行安装:

curl -sL https://rpm.nodesource.com/setup_14.x | bash -dnf install nodejs -y

安装完成后,使用以下命令检查已安装的Node.js的版本。

node --version

输出:

v14.16.1

您还可以使用以下命令检查NPM版本:

npm --version

输出:

6.14.12

安装Angular / CLI

现在,您可以运行以下命令来安装Angular / CLI。

npm install -g @angular/cli

安装后,使用以下命令检查已安装的Angular / CLI的版本。

ng --version

您应该获得以下输出:

     _                      _                 ____ _     ___
    /    _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ?  | '_  / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ | | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   __| |_|__, |__,_|_|__,_|_|       ____|_____|___|
                |___/
    

Angular CLI: 11.2.7
Node: 14.16.1
OS: linux x64

Angular: 
... 
Ivy Workspace: 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1102.7 (cli-only)
@angular-devkit/core         11.2.7 (cli-only)
@angular-devkit/schematics   11.2.7 (cli-only)
@schematics/angular          11.2.7 (cli-only)
@schematics/update           0.1102.7 (cli-only)

在Angular中创建一个应用程序

Angular / CLI提供了一种在生产和本地环境中创建和部署应用程序的简便方法。

要创建一个名为hello-world的新应用程序,请运行以下命令:

ng new hello-world

创建应用程序后,将目录更改为hello-world并使用以下命令启动应用程序:

cd hello-worldng serve

您应该看到以下输出:

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **


? Compiled successfully.
? Browser application bundle generation complete.

Initial Chunk Files | Names  |      Size
styles.css          | styles | 119 bytes

4 unchanged chunks

Build at: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Time: 523ms

? Compiled successfully.

如您所见,该应用程序已启动,并且正在locahost的端口4200上侦听。

CTRL + C 停止应用程序。

如果要在特定的IP地址或端口上启动应用程序,请运行以下命令:

ng serve --host 0.0.0.0 --port 3000

您应该获得以下输出:

Initial Chunk Files | Names         |      Size
vendor.js           | vendor        |   2.69 MB
polyfills.js        | polyfills     | 128.74 kB
main.js             | main          |  56.94 kB
runtime.js          | runtime       |   6.15 kB
styles.css          | styles        | 119 bytes

                    | Initial Total |   2.87 MB

Build at: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Time: 11348ms

** Angular Live Development Server is listening on 0.0.0.0:3000, open your browser on http://localhost:3000/ **

? Compiled successfully.

访问Angular应用程序

此时,Angular应用程序将启动并在所有网络接口上的端口3000上进行侦听。 您现在可以使用URL访问它 http:// your-server-ip:3000。 该应用程序显示在下一页上。

广告

结论

恭喜! Angular现在已成功安装在CentOS 8上。现在,您可以开始使用Angular构建您的第一个应用程序并将其部署到您的生产环境中。

Sidebar