介绍
ng-starter-library 是一个 Angular 库模板，它为开发人员提供了一种快速、简便、高效的方式来创建 Angular 库项目。它包含了一些配置文件、样板代码、以及一些可自定义的配置项。开发人员可以通过定制这些配置项和样板代码，快速构建出符合标准的 Angular 库项目。
安装
在使用 ng-starter-library 前，我们需要先确保计算机上已安装 Node.js 和 npm。
打开命令行工具，使用以下命令安装 ng-starter-library：
npm install ng-starter-library --save
该命令将自动从 npm 仓库中下载并安装 ng-starter-library 包，并将其添加到当前项目的 package.json 文件中。
使用
安装完成后，我们可以使用 ng-starter-library 来创建新的 Angular 库项目。如下所示：
ng new my-library --createApplication=false cd my-library ng g ng-starter-library:ng-starter-library
其中 my-library 是指定的项目名称，--createApplication=false 是为了避免创建一个默认应用程序，而仅创建一个库文件。ng g ng-starter-library:ng-starter-library 是执行 ng-starter-library 脚手架命令的指令。
在执行脚手架命令时，会提示输入一些参数，如下所示：
name: my-lib prefix: my version: 0.0.1 description: My custom library entry file (index.ts): test command (ng test): build command (ng build my-lib): publishable (false):
在这里，我们需要输入一些基本信息，如库名称、前缀、版本、描述等，以及测试、构建及打包命令等。如果希望将库发布到 npm 上，则需要将 publishable 参数设置为 true。
在完成输入后，ng-starter-library 将会自动创建一些文件和文件夹以及默认的目录结构，这些文件和目录的结构如下所示：
-- -------------------- ---- -------
---------
-----------
----
----
-----------------------
----------------------------
--------------------
-------------
-------
------------
---------
-------------
-----------------
-----------
----
----
-------
-------------
-----------
-------其中，projects/my-library 目录是新创建的 Angular 库项目代码，src/ 目录是用于测试新创建库的示例应用程序。
我们可以在 my-library 目录中开始自己的代码编写、修改和自定义工作。在编写代码时，我们也可以按照 ng-starter-library 的示例代码进行参考。
示例代码
ng-starter-library 提供了一些示例代码，我们可以作为参考来学习如何编写 Angular 库项目。
my-library.component.ts
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------------
--------- -----------------
--------- -
---
---------- ------
----
--
------- -
-
--
------ ----- ------------------ ---------- ------ -
------------- - -
----------- ---- -
-
-my-library.component.spec.ts
-- -------------------- ---- -------
------ - ----------------- ------- - ---- ------------------------
------ - ------------------ - ---- -------------------------
------------------------------ -- -- -
--- ---------- -------------------
--- -------- -------------------------------------
---------------- -- -- -
----- --------------------------------
------------- - ------------------ -
--
---------------------
---
------------- -- -
------- - --------------------------------------------
--------- - --------------------------
------------------------
---
---------- -------- -- -- -
-------------------------------
---
---my-library.module.ts
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------------ - ---- -------------------------
-----------
------------- -
------------------
--
-------- -
--
-------- -
------------------
-
--
------ ----- --------------- - -总结
ng-starter-library 可以帮助开发人员快速创建 Angular 库项目，极大地提高了开发效率。并且通过参考 ng-starter-library 的示例代码，可以帮助开发人员更轻松地编写高质量的代码。相信这篇文章会对前端开发人员在使用 ng-starter-library 上有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005578681e8991b448d4847