Angular 7.0.5 中的 ng new 命令：自动生成 Angular 项目
在使用 Angular 7.0.5 版本进行项目创建时，你可能注意到 `ng new` 命令的一些变化。在较早的版本中，执行 `ng new` 时系统通常会询问你是否要添加 Angular 路由等功能。然而，在 Angular 7.0.5 中，这一过程似乎发生了变化。### 项目创建的新方式在 Angular 7.0.5 中，执行 `ng new` 后，系统将立即开始创建项目，而不再询问你是否要包含 Angular 路由等特性。这一变化可能使项目创建更为简洁，特别是对于那些已经熟悉 Angular 的开发者来说。### 不再询问的原因这一变化的背后是为了提高项目创建的效率。对于许多项目而言，使用 Angular 路由是一个常见的需求，因此在新版本中默认启用了这一功能。这有助于减少冗长的提示和用户输入，使得创建新项目的过程更加迅速。在以前的版本中，如果你遗漏了一些必要的选项，可能需要返回并重新运行 `ng new` 命令。然而，新的默认配置在很大程度上消除了这种需求，使得开发者能够更快地启动项目。### 如何手动添加 Angular 路由虽然 Angular 7.0.5 中默认启用了 Angular 路由，但如果你需要手动配置或自定义路由，仍然可以轻松实现。以下是一个简单的例子，演示如何手动添加路由。首先，在项目根目录下，打开 `src/app` 文件夹，你将会看到一个名为 `app-routing.module.ts` 的文件。这是 Angular 路由模块的配置文件。在该文件中，你可以添加自定义的路由规则。typescript// src/app/app-routing.module.tsimport { NgModule } from '@angular/core';import { RouterModule, Routes } from '@angular/router';import { HomeComponent } from './home/home.component';import { AboutComponent } from './about/about.component';const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'about', component: AboutComponent },];@NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule],})export class AppRoutingModule {}在这个例子中，我们定义了两个简单的路由：一个是根路由，指向 `HomeComponent`，另一个是 `/about` 路由，指向 `AboutComponent`。### Angular 7.0.5 中的 `ng new` 命令的变化提供了更快速的项目创建体验，省去了繁琐的配置步骤。尽管不再默认询问是否添加 Angular 路由，但这并不妨碍开发者自行配置路由以满足项目需求。这一变化旨在提高开发效率，使得 Angular 项目的搭建更加便捷。