在 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 服務,這將為您的開發和生產環境提供強大的支持。