如何使用 Angular CLI 生成服务
介绍
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文件的情况下或在您选择的任何路径上轻松生成新服务。
免责声明:本内容来源于第三方作者授权、网友推荐或互联网整理,旨在为广大用户提供学习与参考之用。所有文本和图片版权归原创网站或作者本人所有,其观点并不代表本站立场。如有任何版权侵犯或转载不当之情况,请与我们取得联系,我们将尽快进行相关处理与修改。感谢您的理解与支持!
请先 登录后发表评论 ~