介绍
ember-wildland-blueprints 是一个基于 Ember.js 的 Web 开发框架，它提供了一种快速生成 Ember 子应用的方式，可以在命令行中使用 ember generate 命令来创建不同类型的子应用，并且支持自定义模板。
安装
在使用 ember-wildland-blueprints 之前，你需要确认你的电脑中已经安装了 Node.js 环境和 Ember.js 框架。如果没有安装可以前往官网进行下载和安装。
首先，你需要在命令行中安装 ember-wildland-blueprints 包。
npm install -g ember-wildland-blueprints
创建子应用
使用 ember-wildland-blueprints 可以快速创建不同类型的子应用。
创建组件
ember generate wildland-component my-component
创建页面
ember generate wildland-page my-page
创建路由
ember generate wildland-route my-route
创建模块
ember generate wildland-module my-module
创建工具类
ember generate wildland-util my-util
创建服务
ember generate wildland-service my-service
自定义模板
ember-wildland-blueprints 支持自定义模板，这是一个非常方便且灵活的功能，可以根据自己的需求来定制化相应的模板。
以下是自定义 wildland-component 子应用的模板的方法。
首先，复制 wildland-component 子应用的默认模板到 templates/wildland-component 目录，然后修改相应的文件。
cp -r `npm root -g`/ember-wildland-blueprints/templates/wildland-component templates/wildland-component
修改 templates/wildland-component/component.hbs 文件，使用自己的 HTML 结构。
<div class="my-component">
{{yield}}
</div>修改 templates/wildland-component/component.scss 文件，使用自己的 CSS 样式。
.my-component {
background-color: yellow;
}修改 templates/wildland-component/component-test.js 文件，使用自己的测试代码。
-- -------------------- ---- -------
------ - ------- ---- - ---- --------
------ - ------------------ - ---- --------------
------ - ------ - ---- ----------------------
------ --- ---- -----------------------------
------------------- - --------- - -------------- --------------- -
--------------------------
-------- --------- ----- ---------------- -
----- ----------------------------- ----------------------
--------------------------------------------- ------ --------
---
---完成以上操作后，就可以使用自定义模板来创建新的 wildland-component 子应用了。
结论
ember-wildland-blueprints 让我们在开发 Ember 应用时可以更加高效快捷地创建不同类型的子应用，支持自定义模板，非常灵活方便。
建议读者阅读官方文档，深入了解该 npm 包的更多用法。
示例代码
请参考上文中的代码示例。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ca563576b7b1ecc9f