简介
generator-ng2-library 是一个用于生成 Angular 2 库的 Yeoman 生成器。它可以帮助我们快速地创建一个符合常规开发规范的 Angular 2 库，包括目录结构、测试、示例代码、发布等。
安装
我们需要全局安装 Yeoman，npm 包管理器会提供一些快捷方式：
npm install -g yo
接着我们就可以安装 generator-ng2-library 了：
npm install -g generator-ng2-library
使用
生成项目
使用 Yeoman 命令行，进入一个新的文件夹，输入以下命令：
yo ng2-library
然后跟着提示完成配置即可。
生成组件
接下来我们需要一个个地添加组件。使用 Yeoman 命令行，进入项目文件夹，输入以下命令：
yo ng2-library:component your-component-name
这条命令会生成三个文件。
your-component-name.component.ts：组件的类文件。your-component-name.component.html：组件的模板文件。your-component-name.component.css：组件的样式文件。
示例代码
这里给出一个简单的组件代码示例。
在 your-component-name.component.ts 文件中：
-- -------------------- ---- ------- ------ ----------- ------- ---- ---------------- ------------ --------- ---------------------- ------------ --------------------------------------- ---------- --------------------------------------- -- ------ ----- -------------------------- ---------- ------ - ------------- - - ---------- - - -
在 your-component-name.component.html 文件中：
<div> <p>Your component works!</p> </div>
在 your-component-name.component.css 文件中：
div {
background-color: #EEE;
border: 1px solid #DDD;
padding: 10px;
}发布
使用以下命令可以将库上传到 NPM 上：
npm publish
需要在你在 npm 上注册一个账号，详细信息请参阅 NPM 文档。
结论
generator-ng2-library 可以帮助开发者快速创建符合开发规范的 Angular 2 库，让库开发变得更加高效。仅需要一些简单的操作，就能够生成一个库，并将它上传到 NPM 上。
如果你正在开发 Angular 2 库，我强烈建议你试用 generator-ng2-library。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d2081e8991b448dad31