npm 包 alfred-dasher 使用教程

alfred-dasher 是一款基于 Node.js 平台的开发工具,能够快速搭建并且自定义良好的 Alfred 工具栏。如果你对 Node.js 和 Alfred workflow 有基本的了解,你可以用 alfred-dasher 更加便捷地创建 workflows。在本篇文章中,我们将探究如何使用 alfred-dasher 进行快速的 Alfred workflow 开发,并且介绍其常用的 API,让你可以及时地创建你所需要的 workflow。

安装 alfred-dasher

安装 alfred-dasher 十分简单。在你的项目中,打开终端并输入以下命令:

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

创建 workflow

在文件夹中,创建一个名为 index.js 的新文件,输入以下代码:

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

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

上面这段代码创建了一个 workflow,并且可以通过以下关键字来访问它:keyword1keyword2keyword3。除了这些关键字,还需要输入一个参数。同时,在执行完毕之后,输出的结果格式如 {output}

Workflow API

在下列代码片段中,我们将介绍在上面所创建的 workflow 中使用到的常用 API:

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

keywords

该 API 用于定义你的 workflow 可以使用的关键字。你需要通过一个数组,将这些关键字传递进去。例如:

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

inputFormat

该 API 用于定义接受的输入格式。你可以在其中定义你的 workflow 将接受的参数和关键字。例如,如下所示的代码定义了,workflow 接受的参数名称为 input:

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

outputFormat

在这个 API 中,可以定义输出的格式,让 workflow 更加灵活和可定制。在这里,你可以定义输出字段,比如 titlesubtitlearg 等等。例如:

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

action

action API 是定义 workflow 的主要 API。在这里,可以定义 workflow 的行为:执行有关请求、提交数据等等操作。下列代码将使用 action 定义 workflow 行为:

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

示例

下列代码示例展示了如何使用 Alfred workflow 搜索 Google 搜索结果:

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

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

在这个示例中,我们定义了一个名为 google 的关键字,可以通过它来访问 workflow。同时,将搜索文本 query 作为参数进行处理。 workflow 将执行一个异步方法,该方法将搜索结果返回到 Alfred 之中。 Alfred 然后可以显示标题、子标题和它们之间的链接。同时, Alfred 可以使用 arg 参数打开搜索结果所代表的网页。

结论

在本篇文章中,我们展示了如何使用 alfred-dasher 创建自定义的 workflow。我们介绍了安装和创建 workflow 的基本步骤,还讨论了 workflow 开发的常见 API。同时,我们提供了基础的示例,让你能够更好地理解 workflow 的工作原理,并且得到快速实践的机会。下次你需要创建一个新的 workflow 的时候,不妨尝试使用 alfred-dasher,它会让你开发一个完美的 workflow 更加便捷和灵活。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60065f7a238a385564ab69cd


猜你喜欢

  • npm包@dmartss/with-sw使用教程

    什么是@dmartss/with-sw @dmartss/with-sw是一个React HOC(Higher-Order Component)包,用于在React应用程序中启用Service Wor...

    3 年前
  • npm 包 @leactive/logger 使用教程

    在前端开发中,日志记录是很重要的一项工作,它可以尽快找到和修复程序中的问题。日志工具可以提供帮助,npm 包 @leactive/logger 是一个用于 Node.js 和浏览器的日志记录工具,其提...

    3 年前
  • npm 包 @leactive/react 使用教程

    什么是 @leactive/react @leactive/react 是一个基于 React.js 的 UI 组件库,为前端开发者在构建 web 应用时提供了较为便利的方案。

    3 年前
  • npm 包 es-module-devserver 使用教程

    es-module-devserver 是一个能够帮助前端项目实现开发阶段中 ES modules (ESM) 模块导入和导出的 npm 包。通过使用 es-module-devserver,前端开发...

    3 年前
  • npm 包 @danibarria/platzom 使用教程

    什么是 @danibarria/platzom? @danibarria/platzom 是一个 npm 包,用于将西班牙语单词进行变形,以创建一个类似于西班牙语的新单词。

    3 年前
  • npm 包 @maker/ngx.layer 使用教程

    简介 @maker/ngx.layer 是一个 Angular 组件库,帮助您快速构建基于 Angular 的网站或应用程序中的层。它包含许多预制层,比如对话框、提示框等等,并支持自定义。

    3 年前
  • npm 包 hubot-ipfs 使用教程

    前言 如果你是一个 Web 开发者,那么你一定知道 npm,这是一个 Node.js 的包管理工具,可以用来管理 Web 应用所需的各种前端库和插件,方便我们快速构建前端项目。

    3 年前
  • npm 包 task.type.flow 使用教程

    在前端开发中,我们经常需要使用各种工具和包来协助我们完成开发工作。其中, npm 是最常见的包管理器之一。在 npm 上,有很多非常实用的包,比如 task.type.flow。

    3 年前
  • npm 包 generator-android-jhi 使用教程

    在前端开发中,我们经常需要开发 Android 应用程序,而 Android 应用程序中需要使用许多 Java 代码和 Android 系统 API。对于前端开发者来说,他们往往对于 Java 和 A...

    3 年前
  • npm包tocjs使用教程

    介绍 在日常的前端开发中,我们使用markdown来编写文档是一种非常流行的方式。但是,当我们编写的markdown文档很长时,往往会忘记了文章结构,给查看和维护带来不便。

    3 年前
  • npm 包 iamsee-reselect-immutable 使用教程

    npm 包 iamsee-reselect-immutable 使用教程 什么是 iamsee-reselect-immutable iamsee-reselect-immutable 是一个基于 r...

    3 年前
  • npm 包 testdemouploadtengzj 使用教程

    前言 前端开发有时需要处理文件上传的需求,testdemouploadtengzj 是一个方便易用的 npm 包,它可以帮助我们完成文件上传的功能。 在本篇文章中,我们将针对 testdemouplo...

    3 年前
  • npm 包 word-abuse 使用教程

    在前端开发中,常常需要处理字符串。而这时如果能有一个工具,可以方便地检查字符串中是否包含一些敏感词汇,那将极大地提高代码的安全性和可靠性。这时,我们就可以使用 word-abuse 这个 npm 包来...

    3 年前
  • npm包koa-ass使用教程

    简介 koa-ass是一个基于koa框架的中间件,它提供了身份验证和会话管理功能。它可以将用户的登录信息储存到cookie或者header中,并根据需要检查这些信息。

    3 年前
  • npm 包 @coracain/eim-login-block 使用教程

    前言 在前端开发中,我们经常会用到各种各样的 npm 包。而本文就要介绍一款名为 @coracain/eim-login-block 的 npm 包,它提供了一个用于登录页面的可重用代码块,能够极大地...

    3 年前
  • npm 包 easy-pagination 使用教程

    简介 easy-pagination 是一个方便前端开发者进行分页的 npm 包。它提供了简单易用的 API,可以自定义分页样式、分页大小等。本文将针对该 npm 包进行详细的使用教程,包括安装与引用...

    3 年前
  • npm 包 mpvue-htmlparse 使用教程

    mpvue-htmlparse 是一个能够将 HTML 字符串转化为 mpvue 组件的 npm 包。它提供了一种在小程序中书写 HTML 标签的方式。本篇文章将详细介绍 mpvue-htmlpars...

    3 年前
  • npm包oninput-polyfill的使用教程

    当我们开发Web应用的时候,不同浏览器之间存在许多差异。其中,一个常见的问题就是input事件的触发机制。不同浏览器对于input事件的触发时机略有不同,这就给我们带来了一些麻烦。

    3 年前
  • npm 包 viola-cli 使用教程

    viola-cli是一个基于Node.js的npm包,用于快速搭建前端项目并进行日常开发。该工具是一个命令行工具,使用起来非常简单,可以大大提高前端开发效率。 安装 安装viola-cli之前,请确保...

    3 年前
  • npm 包 iconic-djs 使用教程

    npm 是一个在 JavaScript 社区中使用广泛的包管理器。它允许开发者下载并在自己的项目中安装已经被其他人创建的 JavaScript 包,以便在他们的项目中使用这些包。

    3 年前

相关推荐

    暂无文章