如何在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