如何在Ubuntu 24.04上安裝Angular

Angular.js 是一種可自由存取的 JavaScript 平台，用於建立動態應用程式。它允許您透過擴展HTML的語法作為模板語言，以快速、清晰地表示應用程式的各個方面。 Angular.js 提供了一系列工具，可協助您編寫、更新和測試程式碼。此外，它還提供了許多功能，如路由和表單管理。 本指南將討論在 Ubuntu 24 上安裝 Angular 的方法。首先，您需要安裝 Node.js。 Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境，可讓您在伺服器端執行 JavaScript 程式碼。 要在 Ubuntu 24 上安裝 Angular，首先需要安裝 Node.js。您可以透過以下步驟來完成此過程： 1. 開啟終端機窗口，並執行以下命令來更新軟體包清單： ``` sudo apt update ``` 2. 然後安裝 Node.js 和 npm（Node.js 套件管理器）： ``` sudo apt install nodejs npm ``` 3. 確認 Node.js 和 npm 是否已成功安裝，可以執行以下命令檢查它們的版本： ``` node -v npm -v ``` 4. 接下來，您可以使用 npm 安裝 Angular CLI（命令列介面），這是一個

更新與升級系統

#

在進行安裝前，請確保先完成系統更新。為了確保新安裝能夠順利生效且沒有問題，更新Ubuntu 24系統是必要的。因此，我們可以透過單一命令來執行更新和升級操作，利用「apt」實用程式來完成。

sudo apt更新&& sudo apt升級

他說：

#執行指令後，系統將會指派所設定的空間給升級和更新進程，並要求您確認操作，可透過點擊「y」或「n」來完成。因此，您需要按下“y”鍵以完成更新過程。稍後，系統將成功完成更新和升級。

#安裝新版本

為了成功安裝Angular和Node.js，我們需要事先安裝一些其他實用程式作為依賴。這些依賴包括git、wget、curl等。在安裝Angular和Node.js之前，我們必須確保這些依賴項已經安裝完畢。我們可以在命令列 shell 中使用適當的套件管理工具（如apt）來安裝這些依賴項，並等待直到它們都成功安裝完成。這樣一來，我們就可以順利地安裝Angular和Node.js，而這些相依性也可以幫助它們正常運作。因此，在進行Angular和Node.js的安裝之前，請確保所有必要的依賴項都已經準備就緒，這將為後續的開發工作奠定良好的基礎。

Sudo apt install curl gnupg2 gnupg git wget—y

他說：

#安裝node.js

#如果沒有Node.js，ANGLE應用程式就無法運作，而Node.js是主要需求。因此，在Ubuntu 24上安裝ANGLE之前，有必要先安裝Node.js。此外，Node.js需要安裝NVM命令列實用程式。因此，我們使用終端外殼中的「curl」實用程式首先從官方的Github儲存庫安裝NVM實用程式。您可以看到，在執行此指令後，已經下載並安裝了NVM實用程式。

Sudo curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh|bash

他說：

#在Ubuntu 24 Linux系統上啟用NVM環境也是必要的。因此，我們使用來源指令運行”bashrc”文件，以便系統可以獲得新安裝的NVM實用程式的效果並設定環境。

Source～/. bashrc

#他說：

#創建環境後，Ubuntu 24系統就可以在其端安裝Node.js了。為此，我們使用終端外殼中使用的安裝說明中新安裝的“nvm”實用程式。按照此說明，我們將在Ubuntu系統上安裝最新版本的Node.js18。此外，NVM工具也會安裝節點套件管理器和Node.js。首先從官網下載並安裝節點18.19.1版。之後，它會計算校驗和並建立預設別名。

NVM安裝18

他說：

#在成功安裝Node.js之後，我們需要驗證它是否已經安裝並安裝在我們的系統中。為此，我們需要使用從”node”關鍵字開始的”version”命令檢查其安裝版本。此外，先前的NVM安裝指令安裝了NPM（節點套件管理器）和Node.js。因此，我們也需要尋找NPM版本。兩個指令的輸出都顯示版本，如下圖所示：

節點—v

NPM—V

他說：

#安裝ANGLE CLI

#在安裝完所有相依性（包括NPM和Node.js）之後，是時候採取安裝Angular命令列介面的最後步驟了。為此，我們在Ubuntu 24的終端外殼中使用NPM（節點套件管理器）。

您可以使用sudo權限來執行此安裝說明。此命令包含指向ANGLE CLI官方包的連結。 「-Location」標誌被設定為在全域層級為Ubuntu 24系統新增角度CLI，目前平台中的所有使用者都可以存取該CLI。

Npm install @ angular/config—location = global

##他說：

#如果您等待一段時間，直到完成角度CLI的處理，則會有所幫助。經過一些處理後，添加並成功安裝了ANGLE CLI包。作為回報，您將在您的終端螢幕上看到如下所示的輸出，其中在2分鐘內添加了232個套件：

#現在，是驗證ANGLE CLI安裝的時候了。它附帶了“ng”命令，可以幫助在角度CLI上執行命令。因此，讓我們尋找已安裝的“ng”命令版本。在回答了有關執行該版本命令的一些問題後，我們將獲得以下輸出，其中還包含有關ANGLE、Node、NPM和OS的版本的資訊。最後也會顯示有關程式包及其已安裝版本的資訊。

NG版本

他說：

#建立角度應用程式

現在是時候使用Angular CLI在Ubuntu 24上創建一個新的Angular應用程式了。就像我們如何使用”ng”指令來檢查Angular CLI的版本一樣，我們也將使用它來創建一個名為”test”的新應用程序，並使用”new”關鍵字。執行死刑時，會問一些問題。如果您根據您的偏好回答這些問題，那麼您的新應用程式套件將成功安裝，這將是很有幫助的。

NG新測試

他說：

#一段時間後，創建了一個名為」test」的新Angular應用程式。在我們的工作目錄中產生了一個新的”test”目錄，如下面所附的輸出所示：

#建立「測試」角度應用程式後，我們還需要執行它。為此，在“test”目錄中移動並使用“ng”實用程式執行“SERVE”命令。

⑶測試

ng serve

他說：

#您也可以使用相同的命令，透過將主機設定為0.0.0.0，為所有系統介面設定連接埠4200。

Ng serve—主機www.example.com—連接埠4200

他說：

#結論

本指南示範如何利用Angular環境創建任何應用程式。為了支持這個想法，我們示範了在安裝和配置Node.js和NPM之後在Ubuntu 24上安裝Angular的方法。最後，我們詳細介紹了在Ubuntu 24中使用Angular CLI創建Angular應用程式的方法。

以上是如何在Ubuntu 24.04上安裝Angular的詳細內容。更多資訊請關注PHP中文網其他相關文章！