我们将向您展示如何在 Debian 12 上安装 Angular。Angular,由Google维护的强大Web应用程序框架,已成为现代Web开发的基石。与服务器端应用程序的JavaScript运行时Node.js相结合,它为创建动态Web应用程序打开了大门。
在 Debian 12 书虫上安装 Angular
第 1 步。在我们安装任何软件之前,通过在终端中运行以下命令来确保您的系统是最新的非常重要:apt
sudo apt update
sudo apt upgrade
此命令将刷新存储库,允许您安装最新版本的软件包。
第 2 步。安装 Node.js.
Node.js对于运行Angular应用程序至关重要。要在 Debian 12 上安装它,请按照以下步骤操作:
sudo apt install nodejs npm
若要验证是否正确安装了 Node.js 和 npm,请运行以下命令:
node -v npm -v
这些命令应显示已安装的 Node.js 和 npm 版本。
第 3 步。在 Debian 12 上安装 Angular。
Angular 命令行界面 (CLI) 是一个强大的工具,可以简化 Angular 开发。若要在系统上全局安装它,请按照下列步骤操作:
npm install -g @angular/cli
此命令将下载并安装 Angular CLI。
要确保成功安装 Angular CLI,请运行:
ng --version
第 4 步。创建一个新的 Angular 项目。
安装 Angular CLI 后,您现在可以创建您的第一个 Angular 项目了:
ng new my-angular-app
系统将提示您配置各种项目设置。按照提示操作,然后选择最适合您需求的选项。
创建 Angular 项目后,是时候熟悉其结构并运行开发服务器了。
第5步。角度项目结构。
了解 Angular 项目的结构至关重要,因为它构成了开发工作的基础:
src
:此目录包含应用程序的源代码。这是您将花费大部分开发时间的地方。angular.json
:Angular CLI 使用此配置文件来管理您的项目。package.json
:列出项目的依赖项,包括 Angular 库和其他包。app
:在此目录中,您将编写应用程序代码的核心。
第 6 步。运行开发服务器。
现在您已经设置了 Angular 项目,是时候运行开发服务器了。打开终端并导航到项目文件夹。将“my-angular-app”替换为项目名称:
cd my-angular-app
要在开发期间为 Angular 应用程序提供服务,请运行以下命令:
ng serve --open
该标志会自动在 Web 浏览器中打开应用程序。当您对代码进行更改时,开发服务器将检测它们并在浏览器中提供实时更新。这种即时反馈简化了开发过程,并帮助您快速发现和修复问题。--open
感谢您使用本教程在 Debian 12 书虫上安装最新版本的 Angular。如需其他帮助或有用信息,我们建议您查看 Angular 官方网站。