服务器设置和教程 · 9 10 月, 2024

在 Ubuntu 18.04 上安裝 Angular 圖文詳解

在 Ubuntu 18.04 上安裝 Angular 圖文詳解

Angular 是一個由 Google 開發的開源前端框架,廣泛用於構建單頁應用程式(SPA)。在這篇文章中,我們將詳細介紹如何在 Ubuntu 18.04 上安裝 Angular,並提供步驟和示例代碼,幫助開發者快速上手。

前置條件

在開始之前,請確保您的系統已安裝以下軟件:

  • Node.js:Angular 需要 Node.js 作為運行環境。
  • NPM:Node.js 的包管理工具,用於安裝 Angular CLI。

步驟 1:安裝 Node.js 和 NPM

首先,您需要安裝 Node.js 和 NPM。可以通過以下命令來安裝:

sudo apt update
sudo apt install nodejs npm

安裝完成後,您可以使用以下命令檢查 Node.js 和 NPM 的版本:

node -v
npm -v

步驟 2:安裝 Angular CLI

接下來,我們需要安裝 Angular CLI,這是一個命令行工具,用於創建和管理 Angular 應用程式。使用以下命令進行安裝:

sudo npm install -g @angular/cli

安裝完成後,您可以使用以下命令檢查 Angular CLI 的版本:

ng version

步驟 3:創建新的 Angular 應用程式

現在,您可以使用 Angular CLI 創建一個新的 Angular 應用程式。請使用以下命令:

ng new my-angular-app

在這裡,`my-angular-app` 是您應用程式的名稱。系統會提示您選擇一些配置選項,例如是否使用路由和選擇 CSS 預處理器。根據您的需求進行選擇。

步驟 4:啟動 Angular 開發伺服器

創建應用程式後,您可以進入應用程式目錄並啟動開發伺服器:

cd my-angular-app
ng serve

開發伺服器啟動後,您可以在瀏覽器中訪問 http://localhost:4200 來查看您的應用程式。

步驟 5:編輯應用程式

您可以使用任何文本編輯器來編輯 Angular 應用程式的源代碼。應用程式的主要代碼位於 `src/app` 目錄中。您可以根據需要修改組件、服務和其他文件。

總結

在這篇文章中,我們介紹了如何在 Ubuntu 18.04 上安裝 Angular,包括安裝 Node.js、NPM 和 Angular CLI 的步驟,以及如何創建和啟動一個新的 Angular 應用程式。這些步驟將幫助您快速上手 Angular 開發。

如果您需要穩定的環境來運行您的應用程式,考慮使用 香港VPS 服務,這將為您的開發和生產環境提供強大的支持。