Angular命令行

2021.10.25 Mon

命令行单词 new generate module component serve service pipe 可以用缩写

命令行ng g + fileName生成文件，驼峰式命名的 fileName 最终将会变为 file-name

命令行ng g file-name --module=app-name指明所属模块时，模块要用 app-name 的形式指明

1	`ng n project-name #创建angular项目`

ng g m module-name #生成angular模块

ng g m module-name --routing
# 生成module-name的文件夹,里面有module-name.module.ts和module-name-routing.module.ts文件

ng g m app-routing --module=app --flat
#生成一个模块文件,并且指定所属模块,通常用来做路由模块
# --flat 在当前目录下建立文件,而不需要创建新的文件夹
# --moudle 指明新建文件所属模块

// 标准路由文件
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

ng g c component-name --module=app #生成组件,并且指定组件的模块

ng g s component-name #生成服务

ng g p string-slice --module=app #生成管道

1
2
3

ng s --host #以本地ip建立服务,方便其他电脑也能看到开发时页面

ng s --port 3001 #指定端口

Angular