如何使用 Angular CLI 生成服务

发布日期:2026-07-08 08:32:06   来源 : 杭州电子商务研究院    浏览量 :5
杭州电子商务研究院 发布日期:2026-07-08 08:32:06  
5

介绍

Angular 框架最有用的方面之一是 Angular CLI。Angular CLI 是一个强大的工具,可以帮助自动执行各种任务。这些任务包括更新项目的 Angular 版本、创建新的 Angular 组件或服务。在真正的 Angular 应用中,Angular CLI 将为您创建应用样板,从而为您节省大量时间。

在本指南中,您将了解如何利用 Angular CLI 的强大功能在项目内部生成新的 Angular 服务。

开始使用 Angular CLI 和 Angular Schematics

可以使用 NPM 运行以下命令将 Angular CLI 下载到你的机器上:

      npm install -g @angular/cli
    

Angular CLI 是一个抽象层,由名为 Schematics 的库提供支持。借助 Angular Schematics 的脚手架功能,Angular CLI 公开了许多命令。您可以通过运行以下命令来生成新的 Angular 应用程序:

      ng new my-new-app
    

此命令将在当前目录中创建一个名为my-new-app 的新 Angular 应用程序。现在您已经生成了一个新的应用程序,让我们看看如何使用 Angular CLI 为您的应用程序生成新服务。

可用选项和细目

根据 Angular CLI 服务 Schematics 的schema.json,可以使用以下选项:

  • name:必需的定位选项,用于指定服务的名称
  • path:生成新服务的可选路径
  • project :可选的项目名称,映射到angular.json文件内部的项目
  • flat:可选标志,确保生成的服务在 Angular 项目的根级别创建
  • skipTest:确保原理图不会生成.spec文件
  • lintFix:可选标志,当设置为true时,将tslint linting 修复应用于生成的服务

这些选项中的大多数都是相当不言自明的。最常用的选项是name(必需)和path

生成新服务

name选项是必需的、位置参数,主要用法如下:

      ng generate service my-test
    

上述命令将在当前目录中生成一个名为MyTestService的新服务。

路径选项允许您指定生成新服务的绝对路径。这可以是现有路径或新路径。

      ng generate service another --path=app/core
    

无论您当前的工作目录是什么,上述命令都将生成一个名为AnotherService的新服务,位于app/core/another.service.ts。

当您团队的 Angular 项目具有高度自定义的tslint规则时,另一个有用的选项lintFix会派上用场。由于lintFix选项与tslint一起使用,因此您必须在node_modules文件夹中将tslint安装为开发依赖项。使用此选项非常简单:

      ng generate service birds --path=app/core --lintFix
    

结论

现在,您已经了解了如何在 Angular 应用程序或库中轻松生成新服务。您还了解了服务示意图可用的所有选项。借助这些可用的示意图选项,您现在知道,您可以在没有默认.spec文件的情况下或在您选择的任何路径上轻松生成新服务。

以上内容来自杭州电子商务研究院推送
关注
关于我们
热门推荐
合作伙伴
免责声明:本站部分资讯来源于网络,如有侵权请及时联系客服,我们将尽快处理
Copyright © 2025-2027 ToB产业网址导航 公安备案 浙公网安备33010602013138号 浙ICP备16025413号-9
支持 反馈 关注 数据