首頁 電腦教學 電腦知識 如何在Ubuntu 24.04上安裝Angular

如何在Ubuntu 24.04上安裝Angular

Mar 23, 2024 pm 12:20 PM
angular ubuntu 更新

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升級

他說:

如何在Ubuntu 24.04上安装Angular

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

如何在Ubuntu 24.04上安装Angular

#安裝新版本

為了成功安裝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

他說:

如何在Ubuntu 24.04上安装Angular

#安裝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.04上安装Angular

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

Source~/. bashrc

#他說:

如何在Ubuntu 24.04上安装Angular

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

NVM安裝18

他說:

如何在Ubuntu 24.04上安装Angular

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

節點—v

NPM—V

他說:

如何在Ubuntu 24.04上安装Angular

#安裝ANGLE CLI

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

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

Npm install @ angular/config—location = global

##他說:

如何在Ubuntu 24.04上安装Angular

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

如何在Ubuntu 24.04上安装Angular

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

NG版本

他說:

如何在Ubuntu 24.04上安装Angular

#建立角度應用程式

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

NG新測試

他說:

如何在Ubuntu 24.04上安装Angular

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

如何在Ubuntu 24.04上安装Angular

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

⑶測試

ng serve

他說:

如何在Ubuntu 24.04上安装Angular

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

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

他說:

如何在Ubuntu 24.04上安装Angular

#結論

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

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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1655
14
CakePHP 教程
1414
52
Laravel 教程
1307
25
PHP教程
1254
29
C# 教程
1228
24
暴雪戰網更新一直卡在45%怎麼解決? 暴雪戰網更新一直卡在45%怎麼解決? Mar 16, 2024 pm 06:52 PM

  暴雪戰網更新一直卡在45%怎麼解決?近期有很多人在更新軟體的時候,都是卡在45%的進度條,重啟多次還是會卡住,那麼這種情況應該要如何解決,我們可以透過重新安裝客戶端、切換地區、刪除文件的方式來處理,本期軟體教程就來分享操作步驟,希望能帶給更多的人幫助。  暴雪戰網更新一直卡在45%怎麼解決  一、客戶端  1、首先需要確認你的客戶是官網下載的官方版本。  2、如果不是的話,使用者可以進入亞服網址來進行下載。  3、進入以後點選右上角的下載就可以了。  注意:安裝的時候一定不要選擇簡體中文。

ubuntu終端機打不開怎麼辦? 修復Ubuntu無法開啟終端機問題的方法 ubuntu終端機打不開怎麼辦? 修復Ubuntu無法開啟終端機問題的方法 Feb 29, 2024 pm 05:30 PM

如今,Ubuntu不允許其用戶打開終端機是一個非常普遍的問題。如果您收到類似的問題並且不知道下一步該怎麼做,請了解有關如何在Linux裝置上解決此「Ubuntu無法開啟終端」問題的五個修復程式。事不宜遲,讓我們深入探討導致它的原因及其可用的解決方案。為什麼Ubuntu打不開它上面的終端機?這主要發生在您安裝一些有缺陷的軟體或修改終端配置時。除此之外,與語言環境互動並破壞它們的新應用程式或遊戲也可能導致類似的問題。一些用戶在Ubuntu的活動選單中搜尋終端時報告修復了這個問題。這表明這個

以超級使用者登入Ubuntu 以超級使用者登入Ubuntu Mar 20, 2024 am 10:55 AM

在Ubuntu系統中,root使用者通常是停用狀態的。要啟動root用戶,可以使用passwd指令設定密碼,然後使用su-指令以root身分登入。根用戶是具有系統管理權限且不受限制的使用者。他擁有存取和修改檔案、使用者管理、軟體安裝和刪除,以及系統配置變更等權限。根用戶與一般用戶有著明顯的區別,根用戶擁有系統中最高的權限和更廣泛的控制權。根用戶可以執行重要的系統命令和編輯系統文件,而普通用戶則無法做到這一點。在本指南中,我將探討Ubuntu根用戶,如何以根用戶身份登錄,以及它與一般用戶的不同之處。注意

Ubuntu 24.04 LTS 七大亮點搶先看 Ubuntu 24.04 LTS 七大亮點搶先看 Feb 27, 2024 am 11:22 AM

Ubuntu24.04LTS,代號「NobleNumbat」即將發布!如果你正在使用的是Ubuntu23.10這類非LTS版本,遲早需要考慮升級。對於那些使用Ubuntu20.04LTS或Ubuntu22.04LTS的用戶,是否升級值得深思。 Canonical已經宣布,Ubuntu24.04LTS將提供長達12年的更新支持,細分如下:作為LTS版本,它將有5年的常規維護和安全更新。如果訂閱UbuntuPro,還能享有額外5年的支援。目前,這個額外的支援期限已經延長至7年,這意味著你將獲得長達12

ubuntu 20.04錄影軟體OBS安裝與解除安裝圖文教學課程 ubuntu 20.04錄影軟體OBS安裝與解除安裝圖文教學課程 Feb 29, 2024 pm 04:01 PM

OBS是由世界各地的志願貢獻者在空閒時間開發的開源軟體。一款視訊直播錄製軟體,主要用於視訊的錄製、直播的創流。 Ubuntu/Mint的安裝請注意,OBSStudio在ChromeOS上無法完全運作,螢幕和視窗捕捉等功能不能使用。建議使用xserver-xorg1.18.4或更新的版本,以避免OBS中某些功能的潛在效能問題,如全螢幕投影機。 FFmpeg是必要的如果你沒有安裝FFmpeg(如果你不確定,那麼你可能沒有),你可以用以下命令得到它:sudoaptinstallffmpeg我這裡已經安裝有了

如何在Ubuntu 24.04上安裝Angular 如何在Ubuntu 24.04上安裝Angular Mar 23, 2024 pm 12:20 PM

Angular.js是一種可自由存取的JavaScript平台,用於建立動態應用程式。它允許您透過擴展HTML的語法作為模板語言,以快速、清晰地表示應用程式的各個方面。 Angular.js提供了一系列工具,可協助您編寫、更新和測試程式碼。此外,它還提供了許多功能,如路由和表單管理。本指南將討論在Ubuntu24上安裝Angular的方法。首先,您需要安裝Node.js。 Node.js是一個基於ChromeV8引擎的JavaScript運行環境,可讓您在伺服器端執行JavaScript程式碼。要在Ub

提燈與地下城2月29日更新:重製版 ╳「哪吒傳奇」連結 提燈與地下城2月29日更新:重製版 ╳「哪吒傳奇」連結 Feb 28, 2024 am 08:13 AM

提燈與地下城已經確定將於2月29日更新,更新之後會上線提燈與地下城重製版本,而且重製版本還會與哪吒傳奇聯動,重製版本還帶來全新職業,玩家可以直接轉職哦,地下城內容也將拓展,開放全新副本區域等。手遊更新時間表提燈與地下城2月29日更新:重製版╳「哪吒傳奇」聯動版本重點內容全新職業,邀您轉職什麼?提燈者竟然可以轉職了?如此酷炫的裝備真是讓人眼饞,聽說,轉職之後,提燈者還能學習很多超帥的技能,五郎直接驚呼:泰褲辣!哪吒傳奇,連結來襲!踩著那風火輪,乾坤圈手中拿♫~智勇雙全的小英雄:哪吒和小龍女,即將來臨

Android TV Box 獲得非官方 Ubuntu 24.04 升級 Android TV Box 獲得非官方 Ubuntu 24.04 升級 Sep 05, 2024 am 06:33 AM

對於許多用戶來說,破解 Android 電視盒聽起來令人畏懼。然而,在 Broadcom 晶片短缺期間,開發人員 Murray R. Van Luyn 面臨著尋找 Raspberry Pi 合適替代品的挑戰。他與 Armbia 的合作努力

See all articles