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

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

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

sudo apt更新&& sudo apt升級

他說：

執(zhí)行該命令后，系統(tǒng)將會分配所設(shè)置的空間給升級和更新進(jìn)程，并要求您確認(rèn)操作，可通過點擊“y”或“n”來完成。因此，您需要按下“y”鍵以完成更新過程。稍后，系統(tǒng)將成功完成更新和升級。

安裝新版本

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

Sudo apt install curl gnupg2 gnupg git wget—y

他說：

安裝node.js

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

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

他說：

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

Source～/. bashrc

他說：

創(chuàng)建環(huán)境后，Ubuntu 24系統(tǒng)就可以在其端安裝Node.js了。為此，我們使用終端外殼中使用的安裝說明中新安裝的“nvm”實用程序。按照此說明，我們將在Ubuntu系統(tǒng)上安裝最新版本的Node.js18。此外，NVM工具還會安裝節(jié)點包管理器和Node.js。首先從官網(wǎng)下載并安裝節(jié)點18.19.1版。之后，它會計算校驗和并創(chuàng)建默認(rèn)別名。

NVM安裝18

他說：

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

節(jié)點—v

NPM—V

他說：

安裝ANGLE CLI

在安裝完所有依賴項（包括NPM和Node.js）之后，是時候采取安裝Angular命令行界面的最后步驟了。為此，我們在Ubuntu 24的終端外殼中使用NPM（節(jié)點包管理器）。

您可以使用sudo權(quán)限來執(zhí)行此安裝說明。此命令包含指向ANGLE CLI官方包的鏈接?！?Location”標(biāo)志被設(shè)置為在全局級別為Ubuntu 24系統(tǒng)添加角度CLI，當(dāng)前平臺中的所有用戶都可以訪問該CLI。

Npm install @ angular/config—location = global

他說：

如果您等待一段時間，直到完成角度CLI的處理，則會有所幫助。經(jīng)過一些處理后，添加并成功安裝了ANGLE CLI包。作為回報，您將在您的終端屏幕上看到如下所示的輸出，其中在2分鐘內(nèi)添加了232個包：

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

NG版本

他說：

創(chuà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)用程序。在我們的工作目錄中生成了一個新的”test”目錄，如下面所附的輸出所示：

創(chuàng)建“測試”角度應(yīng)用程序后，我們還需要運行它。為此，在“test”目錄中移動并使用“ng”實用程序執(zhí)行“SERVE”命令。

⑶測試

ng serve

他說：

您還可以使用相同的命令，通過將主機設(shè)置為0.0.0.0，為所有系統(tǒng)接口設(shè)置端口4200。

Ng serve—主機www.example.com—端口4200

他說：

結(jié)論

本指南演示了如何利用Angular環(huán)境創(chuàng)建任何應(yīng)用程序。為了支持這個想法，我們演示了在安裝和配置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)文章！