Angular是一個開源、流行且高度可擴展的前端應用程式開發框架，用於使用TypeScript/JavaScript和其他常見語言構建移動應用和 Web 應用。
Angular是一個包括AngularJS（或 Angular 1.0）後續版本的統稱，包括Angular 2和Angular 4。
Angular非常適合從頭開始構建小型到大型應用。Angular平台的關鍵組件之一是Angular CLI實用工具 – 這是一個簡單易用的命令行工具，用於創建、管理、構建和測試 Angular 應用程式。
本文將解釋如何在 Linux 系統上安裝Angular命令行工具並學習一些此工具的基本示例。
在 Linux 中安裝 Node.js
要安裝Angular CLI，您需要在 Linux 系統上安裝最新版本的Node.js 和 NPM。
在 Ubuntu 上安裝 Node.js
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs
在 Debian 上安裝 Node.js
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\ $ sudo apt-get install -y nodejs
在RHEL、CentOS、Fedora、Rocky和Alma Linux上安裝Node.js
------------- For Node.js v19.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash - $ sudo yum install -y nodejs
此外，要從NPM編譯並安裝本地附加元件，您可能需要在系統上安裝開發工具，如下所示。
$ sudo apt install -y build-essential [On Debian/Ubuntu] $ sudo yum install gcc-c++ make [On RHEL Systems]
在Linux中安裝Angular CLI
一旦您安裝了Node.js和NPM，如上所示，您可以使用npm包管理器安裝Angular CLI，方法如下（-g標誌表示將工具系統全域安裝，以供所有系統使用者使用）。
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
您可以使用ng可執行文件啟動Angular CLI，該工具現在應已安裝在您的系統上。運行以下命令檢查已安裝的Angular CLI版本。
# ng version OR # ng --version
使用Angular CLI創建Angular項目
在本節中，我們將展示如何創建、構建和提供一個新的基本Angular項目。首先，移動到您服務器的webroot目錄，然後初始化一個新的Angular應用程序，如下所示（請記住遵循提示）：
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
接下來，移動到剛剛創建的應用程序目錄，並按照以下方式提供應用程序。
# cd tecmint-app # ls #list project files # ng serve
在您可以從網絡瀏覽器訪問新應用程序之前，如果您正在運行防火牆服務，您需要在防火牆配置中打開端口4200，如下所示。
---------- On Firewalld ---------- # firewall-cmd --permanent --zone=public --add-port=4200/tcp # firewall-cmd --reload ---------- On UFW ---------- $ sudo ufw allow 4200/tcp $ sudo ufw reload
現在您可以打開網頁瀏覽器，使用以下網址進行導航，如下圖所示。
http://localhost:4200/ or http://SERVER_IP:4200
注意: 如果您使用命令 ng serve 來構建應用程序並在本地提供服務，如上所示，當您更改任何源文件時，服務器會自動重新構建應用程序並重新加載網頁。
有關 ng 工具 的更多信息，運行以下命令。
# ng help
Angular CLI 主頁: https://angular.io/cli
在本文中，我們展示了如何在不同的 Linux 發行版上安裝 Angular CLI。我們還介紹了如何在開發服務器上構建、編譯和提供基本的 Angular 應用程序。如有任何疑問或想法，請使用下面的反饋表單與我們分享。
Source:
https://www.tecmint.com/install-angular-cli-on-linux/