如何在 Debian 12 上安装 Angular

2023年 10月 27日 63.9k 0

我们将向您展示如何在 Debian 12 上安装 Angular。Angular,由Google维护的强大Web应用程序框架,已成为现代Web开发的基石。与服务器端应用程序的JavaScript运行时Node.js相结合,它为创建动态Web应用程序打开了大门。

angular-logo

在 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 官方网站。

相关文章

服务器端口转发,带你了解服务器端口转发
服务器开放端口,服务器开放端口的步骤
产品推荐:7月受欢迎AI容器镜像来了,有Qwen系列大模型镜像
如何使用 WinGet 下载 Microsoft Store 应用
百度搜索:蓝易云 – 熟悉ubuntu apt-get命令详解
百度搜索:蓝易云 – 域名解析成功但ping不通解决方案

发布评论