Angular 是一个流行的前端开发框架之一，可以帮助开发者快速构建 SPA（单页应用程序）。Deno 是一个新型的运行时，许多人认为它是 Node.js 的替代品，它使用 TypeScript 作为主要语言，而不是 JavaScript。在这篇文章中，我们将介绍如何在 Deno 中使用 Angular 开发前端应用程序。
安装 Deno
首先，我们需要在本地机器上安装 Deno 运行时。这可以通过以下代码在终端中完成：
curl -fsSL https://deno.land/x/install/install.sh | sh
或者，如果你使用 Windows 系统，你可以通过以下命令在 PowerShell 中安装 Deno：
iwr https://deno.land/x/install/install.ps1 -useb | iex
安装完成后，你可以通过运行以下命令来验证运行时已经成功安装：
deno --version
创建一个新的 Angular 项目
接下来，我们将创建一个新的 Angular 项目。要做到这一点，我们需要在终端中运行以下命令：
ng new my-app
这将创建一个名为 "my-app" 的新的 Angular 项目。如果你已经安装了 Angular CLI，那么你就可以使用 ng 命令。如果没有，请先安装 Angular CLI：
npm i -g @angular/cli
完成后，你需要进入到 "my-app" 目录中：
cd my-app
现在，我们可以运行该项目：
ng serve
你可以打开你的浏览器并访问 http://localhost:4200 来查看运行的应用程序。
在 Deno 中安装 Angular
在我们继续之前，我们需要在 Deno 中安装 Angular。我们可以使用以下命令：
deno install -Af --unstable https://deno.land/x/ng/mod.ts
这将安装一个名为 "ng" 的命令行工具，以便我们在 Deno 中使用 Angular。
在 Deno 中使用 Angular
现在，我们已经安装好了 Deno 和 Angular，我们可以在 Deno 中开始使用 Angular。我们可以创建一个新的文件 "app.ts" 并添加以下内容：
-- -------------------- ---- ------- ------ - -------- - ---- -------------------------------- ------ - ------------- - ---- ------------------------------- ------ - ------------ - ---- ------------------------- ----------- ------------- --------------- -------- ---------------- ---------- --------------- -- ------ ----- --------- --
然后，我们可以在终端中运行以下命令以启动应用程序：
deno run --allow-net app.ts
这将启动我们的 Angular 应用程序，并在终端中输出以下内容：
App listening on http://0.0.0.0:8000
现在，我们可以打开我们的浏览器并访问 http://localhost:8000 来查看我们的应用程序，这应该显示出 "app works!" 的文本。
结论
在本文中，我们介绍了如何在 Deno 中使用 Angular 来开发前端应用程序。我们首先安装了 Deno 运行时，然后使用 Angular CLI 创建了一个新的 Angular 项目。接着，我们在 Deno 中安装了 Angular 并创建了一个简单的应用程序。我们希望这篇文章能够帮助你在 Deno 中使用 Angular 开发前端应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672ef4cbeedcc8a97c8b9f68