Angular CLI,在Ubuntu上開發Angular應用程序

關於angular-cli

在下一篇文章中,我們將看一下Angular CLI。 萬一你還是不知道 Angular是一個開源前端應用程序開發框架,受歡迎且高度可擴展。 它可以用於使用TypeScript,JavaScript和其他常見語言來構建移動和Web應用程序。 Angular是AngularJS之後的所有Angular版本的總稱。

此開發框架非常適合從頭開始構建應用程序,範圍從小到大。 Angular平台的關鍵組件之一 Angular CLI實用程序可幫助開發應用程序。 這是一個簡單易用的命令行工具。 它用於創建,管理,構建和測試使用Angular創建的應用程序。

在下面的幾行中,我們將了解如何 在我們的Ubuntu 19.04系統上安裝Angular命令行工具。 我們還將看到此工具的基本示例。

在Ubuntu上安裝Node.js

安裝Angular CLI 必須在系統上安裝最新版本的Node.js和NPM。 為此,我們只需要打開一個終端(Ctrl + Alt + T)並輸入以下內容即可:

下載nodejs 12

sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

apt nodejs安裝

sudo apt install -y nodejs

另外,要編譯和安裝本機NPM插件, 我們可能需要在系統上安裝開發人員工具。 為此,在同一終端中,我們將執行以下操作:

sudo apt install -y build-essential

在Ubuntu 19.04上安裝Angular CLI

如前所述,在安裝完Node.js和NPM之後,我們將能夠 使用npm軟件包管理器安裝Angular CLI 如下。 在這種情況下, -g 這意味著我們將在整個系統中安裝該工具,以供所有用戶使用。

npm angular cli安裝

sudo npm install -g @angular/cli

安裝完成後,我們可以 使用ng可執行文件啟動Angular CLI 現在應該將其安裝在我們的系統上。 在終端(Ctrl + Alt + T)中執行以下命令,以驗證所安裝的Angular CLI的版本:

ng版本

ng --version

使用Angular CLI創建項目

Ubuntu的阿帕奇
相關文章:
如何在Ubuntu 18.04上安裝Apache Web服務器?

現在讓我們看看如何創建,構建和服務一個新的基本Angular項目。 第一的, 我們將轉到webroot目錄 從我們的服務器。 然後,我們將創建一個新的Angular應用程序,如下所示:

角度cli APP創建

cd /var/www/html/

sudo ng new ubunlog-app

我們將不得不決定是否要與Angular團隊共享匿名數據。 我們繼續轉到剛剛創建的應用程序的目錄。 我們準備去 開始提供應用程序 如下所示:

Angular編譯的應用程序

cd ubunlog-app

ng serve

前面的命令將把我們顯示在屏幕上 一個鏈接,該鏈接將告訴我們如何查看正在運行的應用程序.

在我們可以從網絡瀏覽器訪問它之前, 如果正在運行防火牆服務,我們必須打開端口4200 在配置它時,如下所示:

sudo ufw allow 4200/tcp

sudo ufw reload

之後,我們可以打開我們喜歡的Web瀏覽器,並使用終端提供的URL導航到 查看新的應用程序運行,如以下屏幕截圖所示。

Web瀏覽器中的Angular CLI應用程序

http://localhost:4200/

我們還可以使用另一個URL來訪問我們的應用程序:

http://IP_SERVIDOR:4200

應該提到的是,如果我們使用命令“ng服務”正如我們剛剛看到的,要構建一個應用程序並在本地提供服務, 當我們更改任何源文件時,服務器會自動重建應用程序並重新加載網頁.

如果我們想得到 有關ng工具的更多信息,我們可以在終端(Ctrl + Alt + T)中運行以下命令:

ng幫助

ng help

在本文中,我們已經看到瞭如何執行 在我們的Ubuntu系統上簡單地安裝Angular CLI,以及在開發服務器上構建,編譯和提供基本應用程序的服務。

這些只是Angular CLI可以採取的最基本的第一步。 為了 查看有關Angular CLI的更多信息,我們可以諮詢 項目官方網站.


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。