npm 包 ember-macro-helpers 使用教程

前言

在现代前端开发中，npm 包成为了一个不可或缺的工具。它是一个包含着各种各样使用方便的类库的 package，为前端开发者提供了巨大的方便性。其中，Ember.js 是一个广泛应用的前端框架。而 ember-macro-helpers 正是一个专门为 Ember.js 框架提供的 npm 包。本文将主要介绍该包的使用教程。

简介

ember-macro-helpers 是一个为 Ember.js 框架提供的组件/辅助函数的集合。这些组件/函数的作用在于为开发者提供更为便捷的编码方式，能够使代码更为精炼。包括 macros、computeds、helpers 和 modifiers。

使用方法

安装

ember-macro-helpers 实际上是一个 npm 包。你需要使用 npm 或者其他包管理工具去下载安装。这里以 npm 为例：

npm install --save-dev ember-macro-helpers

在安装完之后，你需要进行一些设置才能使用它提供的所有功能。

导入

使用 ember-macro-helpers 的过程中，你需要告知 Ember.js 去哪里查找这个包。

在 ember-cli-build.js 文件中添加以下行：

const app = new EmberApp({
  // Add options here

  'ember-macro-helpers': {
    whitelist: ['computed', 'macro', 'modifier', 'helper']
  }
});

使用

以下是一个示例，在这个示例中，我们将使用 ember-macro-helpers 提供的一些方法：

首先，导入 computed:

import { computed } from 'ember-macro-helpers';

然后，在组件声明中使用 computed 定义计算属性：

-- -------------------- ---- -------
------ --------- ---- ---------------------
------ - -------- - ---- ----------------------

------ ------- ----- ------- ------- --------- -
  -- ---
  ---------- - ---------------- ------- -------------- ----- -
    ------ ---- - -----
  ---
  -- ---
-

以上是一个类中的 computed 的简要示例代码。

接着，我们继续介绍另外几个函数。

helper：

import { helper } from 'ember-macro-helpers';

export default helper(function ([key, obj]) {
  return obj[key];
}); 

macro：

-- -------------------- ---- -------
------ - ----- - ---- ----------------------
------ --- ---- ---------------------------------
------ - ----- ------ -------- - ---- -------------------------------

----- ------------- - ---------------- -- -
  ------ ------------------ ---------- -
    ------ --------------
  ---
---

modifier：

-- -------------------- ---- -------
------ - -------- - ---- -----------------
------ - ------ - ---- -------------------------------
------ - -------- - ---- ----------------------

------ ------- ------------------ -------------- -- -
  --- -------------- - -----------------------
  ------------ - ---------------------- ---------------------

  -------- --------- -
    -- ---
  -

  -------- -------- -
    -- ---
  -

  --------------------------------- ---------
  -------------------------------- --------

  ------ -- -- -
    ------------------------------------ ---------
    ----------------------------------- --------
  --
---

总结

以上就是 ember-macro-helpers 的使用教程。简单总结一下：

1. 安装：使用 npm 安装；
2. 导入：在 ember-cli-build.js 文件中添加选项；
3. 使用：使用它提供的各个方法进行编码。

在使用过程中，还有许多小技巧和用法可以发掘。通过本文，希望你能了解到如何安装和使用它的一些方法，提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/59769