如何使用Angular CLI命令创建带路由模块的Angular新项目

1. 确认Angular CLI已安装 #

先检查本地是否安装了Angular CLI，打开终端运行：

ng version

如果未安装，通过npm全局安装：

npm install -g @angular/cli

2. 创建带路由的新项目 #

使用--routing参数执行创建命令，该参数会自动生成并配置好app-routing.module.ts文件：

ng new your-project-name --routing

将your-project-name替换为你实际的项目名称即可。

可选：指定样式预处理器 #

如果需要使用SCSS、LESS等样式预处理器，可添加--style参数：

ng new your-project-name --routing --style=scss

生成的路由模块说明 #

执行命令后，项目中会自动生成src/app/app-routing.module.ts文件，包含基础的路由配置结构：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

同时AppModule会自动导入该路由模块，后续只需在routes数组中添加具体的路由规则即可。

内容的提问来源于stack exchange，提问作者Habib01