介绍
generator-ng2-plugin 是一个生成 Angular2 插件的 npm 包，使用 Yeoman 作为脚手架工具，可以帮助开发者快速创建 Angular2 插件项目的基础框架。本教程将介绍如何安装和使用 generator-ng2-plugin。
安装
使用 npm 安装 generator-ng2-plugin：
npm install -g generator-ng2-plugin
使用
生成插件项目
在终端中进入项目目录，输入以下命令生成插件项目：
yo ng2-plugin
会看到以下选项：
- What is the name of the plugin?（插件名称）
- Please enter a brief description for your plugin：（插件描述）
- Please enter your name：（作者姓名）
- Please enter the version for the plugin：（插件版本）
填写完毕后，插件项目就会被创建出来。接着按照提示完成插件项目的初始化，包括安装依赖等操作。
添加插件功能
使用 generator-ng2-plugin 可以快速生成插件项目的基础框架，接下来需要根据实际需求来添加插件功能。下面是一个简单的示例，演示如何添加一个自定义指令：
- 在
src目录中创建demo.directive.ts文件，添加以下代码：
-- -------------------- ---- -------
------ - ---------- ---------- - ---- ----------------
------------
--------- ------------------
--
------ ----- ------------- -
------------------- --- ----------- -
-------------------------------------- - ---------
-
-- 在
src/app/app.module.ts文件中导入DemoDirective并在@NgModule的declarations数组中添加DemoDirective：
-- -------------------- ---- -------
------ - ------------- - ---- -------------------
-----------
------------- -
-------------
--------------
--
---
--- 在
app.component.html文件中使用指令：
<div demoDirective> This element has a yellow background. </div>
构建和发布
完成插件开发后，需要进行构建和发布。使用以下命令构建插件项目：
npm run build
构建完成后，生成的文件位于 dist 目录中。
使用以下命令发布插件：
npm publish
发布成功后，插件就可以被其他开发者使用。
总结
本教程介绍了如何安装和使用 npm 包 generator-ng2-plugin 生成 Angular2 插件的基础框架，并进行功能添加、构建和发布。通过读者对本教程的学习，有助于大家快速了解如何使用 generator-ng2-plugin 构建自己的 Angular2 插件项目，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558cb81e8991b448d6150