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

更新與升級系統(tǒng)

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

sudo apt更新&& sudo apt升級

他說：

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

#安裝新版本

為了成功安裝Angular和Node.js，我們需要事先安裝一些其他實(shí)用程式作為依賴。這些依賴包括git、wget、curl等。在安裝Angular和Node.js之前，我們必須確保這些依賴項(xiàng)已經(jīng)安裝完畢。我們可以在命令列 shell 中使用適當(dāng)?shù)奶准芾砉ぞ撸ㄈ鏰pt）來安裝這些依賴項(xiàng)，並等待直到它們都成功安裝完成。這樣一來，我們就可以順利地安裝Angular和Node.js，而這些相依性也可以幫助它們正常運(yùn)作。因此，在進(jìn)行Angular和Node.js的安裝之前，請確保所有必要的依賴項(xiàng)都已經(jīng)準(zhǔn)備就緒，這將為後續(xù)的開發(fā)工作奠定良好的基礎(chǔ)。

Sudo apt install curl gnupg2 gnupg git wget—y

他說：

#安裝node.js

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

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

他說：

#在Ubuntu 24 Linux系統(tǒng)上啟用NVM環(huán)境也是必要的。因此，我們使用來源指令運(yùn)行”bashrc”文件，以便系統(tǒng)可以獲得新安裝的NVM實(shí)用程式的效果並設(shè)定環(huán)境。

Source～/. bashrc

#他說：

#創(chuàng)建環(huán)境後，Ubuntu 24系統(tǒng)就可以在其端安裝Node.js了。為此，我們使用終端外殼中使用的安裝說明中新安裝的“nvm”實(shí)用程式。按照此說明，我們將在Ubuntu系統(tǒng)上安裝最新版本的Node.js18。此外，NVM工具也會安裝節(jié)點(diǎn)套件管理器和Node.js。首先從官網(wǎng)下載並安裝節(jié)點(diǎn)18.19.1版。之後，它會計(jì)算校驗(yàn)和並建立預(yù)設(shè)別名。

NVM安裝18

他說：

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

節(jié)點(diǎn)—v

NPM—V

他說：

#安裝ANGLE CLI

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

您可以使用sudo權(quán)限來執(zhí)行此安裝說明。此命令包含指向ANGLE CLI官方包的連結(jié)。 「-Location」標(biāo)誌被設(shè)定為在全域?qū)蛹墳閁buntu 24系統(tǒng)新增角度CLI，目前平臺中的所有使用者都可以存取該CLI。

Npm install @ angular/config—location = global

##他說：

#如果您等待一段時間，直到完成角度CLI的處理，則會有所幫助。經(jīng)過一些處理後，添加並成功安裝了ANGLE CLI包。作為回報(bào)，您將在您的終端螢?zāi)簧峡吹饺缦滤镜妮敵?，其中?分鐘內(nèi)添加了232個套件：

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

NG版本

他說：

#建立角度應(yīng)用程式

現(xiàn)在是時候使用Angular CLI在Ubuntu 24上創(chuàng)建一個新的Angular應(yīng)用程式了。就像我們?nèi)绾问褂谩眓g”指令來檢查Angular CLI的版本一樣，我們也將使用它來創(chuàng)建一個名為”test”的新應(yīng)用程序，並使用”new”關(guān)鍵字。執(zhí)行死刑時，會問一些問題。如果您根據(jù)您的偏好回答這些問題，那麼您的新應(yīng)用程式套件將成功安裝，這將是很有幫助的。

NG新測試

他說：

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

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

⑶測試

ng serve

他說：

#您也可以使用相同的命令，透過將主機(jī)設(shè)定為0.0.0.0，為所有系統(tǒng)介面設(shè)定連接埠4200。

Ng serve—主機(jī)www.example.com—連接埠4200

他說：

#結(jié)論

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

以上是如何在Ubuntu 24.04上安裝Angular的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！