介绍

Angular是一个流行的JavaScript框架，用于构建单页Web应用程序。 ng new 是一个Angular CLI命令，用于创建一个新的Angular项目。

在这个教程中，我们将深入探讨如何使用 ng new 命令在当前目录中创建一个新的Angular项目。

前提条件

在继续之前，请确保已经安装了以下工具和技术：

• Node.js和npm
• Angular CLI

步骤

1.打开终端

打开终端或命令行提示符，然后转到要在其中创建新Angular项目的目录。

2.运行 ng new 命令

在当前目录中运行以下命令来创建新的Angular项目：

ng new my-angular-app

这将使用Angular CLI自动生成新的Angular项目，其中 my-angular-app 是项目的名称。您可以更改该名称以适合您的项目。

您可以通过添加以下选项来自定义项目的创建过程：

• --inline-style：将组件样式嵌入到组件标记中。
• --inline-template：将组件模板嵌入到组件标记中。
• --prefix：指定应用程序的选择器前缀。
• --routing：在项目中启用路由。

例如，要启用路由并指定选择器前缀，请在命令后添加以下选项：

ng new my-angular-app --prefix=my-prefix --routing

3.等待项目创建完成

完成命令后，Angular CLI将使用指定的名称在当前目录中创建一个新的Angular项目。请耐心等待，直到项目创建过程完成。

4.运行项目

创建项目后，您可以使用以下命令在本地服务器上运行它：

cd my-angular-app
ng serve

这将在 http://localhost:4200 上启动应用程序，并且任何更改都会自动重新加载应用程序。

现在，您可以通过浏览器访问该应用程序，看到您的新Angular项目正在运行。

结论

在本教程中，我们学习了如何使用 ng new 命令在当前目录中创建一个新的Angular项目。我们还讨论了一些 ng new 命令的选项，可帮助您自定义项目的创建过程。祝您创建愉快！