npm 包 set-iterm2-badge 使用教程

很多工程师们在开发过程中都需要同时运行多个终端界面,比如说终端,sublime,VS Code等等开发工具,这时一个好用的工具就派上用场了,那就是常常用到的 iTerm。

有时我们需要在 iTerm 标题栏上显示特定信息,可是iTerm 本身并没有这个功能特性。在这种情况下,我们就需要使用 npm 包 set-iterm2-badge 来解决这个问题。

安装 set-iterm2-badge

我们首先需要全局安装 set-iterm2-badge 这个 npm 包,执行以下命令:

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

(如果你不想全局安装,可以使用 local 模式,相应的命令行用法会稍有不同,见后文。)

set-iterm2-badge 能做什么

set-iterm2-badge 可以使用 iTerm2 的 shell 通讯功能(shell integration),通过 shell 脚本设置 iTerm2 窗口标题栏上的 Badge。

Badge 是一种通常是出现在可以折叠的 Sidebar Item 前面的小圆圈,常常用来显示未读信息数量,或者某些状态信息,也可以被人为设置。

如果我们在运行程序时想要把程序名或者某些状态设置在 iTerm2 的标题栏上,则需要使用 set-iterm2-badge 实现。

set-iterm2-badge 的使用方法

使用 set-iterm2-badge 非常简单,只需要在命令行中输入如下命令即可:

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

上述命令可以在 iTerm2 的标题栏上显示一个 "Badge content" 字符串。

当然,如果你需要在标题栏上显示的内容是变化的,为了方便,我们可以将上面的命令写到一个脚本文件中,然后在需要的时候执行该脚本即可。

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

脚本文件名为 badge.sh,然后执行以下命令:

-- --------

你也可以直接使用 echo 命令向 set-iterm2-badge 传送内容,具体用法见下面的示例。

示例代码

下面是两份示例代码:

使用局部安装 set-iterm2-badge

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

将上述代码写入到 shell 脚本文件 local-badge.sh 中,执行以下命令:

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

则在 iTerm2 的标题栏上会显示 "Badge content (local)" 字符串。

注意:$(npm bin)/set-iterm2-badge 是用于本地模式的指令。如果你是全局安装了 set-iterm2-badge,则可以直接使用 set-iterm2-badge。

显示计数器

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

先将上述代码写入到 shell 脚本文件 counter.sh 中,执行以下命令:

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

在 iTerm2 的标题栏上将显示计数器数字。

结语

用 set-iterm2-badge 增加 iTerm2 的功能是非常方便的,特别是在跨平台开发时使用 iTerm2 作为终端的时候。使用它很容易就能自定义 iTerm2 标题的表现,因此能够让它变得更加有感性。在实际的开发过程中使用 set-iterm2-badge 可以提升你的效率和提高你的工作体验。

END。

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


猜你喜欢

  • npm 包 igroot 使用教程

    什么是 igroot igroot 是一款基于 React 开发的 UI 组件库,其设计理念主要是简单、直观、易用。由于 igroot 的轻便、稳定和高度定制化的特点,使得它成为了 React 社区中...

    5 年前
  • npm 包 prettier-config-bscloud 使用教程

    在前端开发中,代码规范的重要性毋庸置疑。为了避免开发人员在维护代码时产生反复的格式化问题,越来越多的开发人员开始使用 prettier 这个自动化代码格式化工具。在使用 prettier 时,建议使用...

    5 年前
  • npm 包 wangeditor 使用教程

    #npm 包 wangeditor 使用教程 ##简介 wangeditor 是一种基于 Javascript 的富文本编辑器,它实现了丰富的文本编辑功能,并且简单易用。

    5 年前
  • npm 包 primeicons 使用教程

    在前端开发中,我们经常需要使用图标来美化我们的页面和增加用户体验。而今天我们要介绍的就是一个非常流行的图标库,primeicons。 primeicons 是什么? primeicons 是一个由 P...

    5 年前
  • npm 包 nswag 使用教程

    简介 nswag 是一个 .NET Core 和 TypeScript/JavaScript 的代码生成器,可以非常简单的实现使用 C# Web API 动态生成 Swagger 规范文档,也可通过其...

    5 年前
  • npm 包 igniteui-angular 使用教程

    在现代的前端开发中,使用第三方库和框架是必不可少的一部分。本文将介绍一个基于 Angular 的 UI 库 npm 包 igniteui-angular 的使用方法。

    5 年前
  • npm 包 igniteui-cli 使用教程

    简介 igniteui-cli 是 Infragistics 公司出品的一个前端工具,它可以帮助开发者更高效地使用 Infragistics 公司的前端工具集 Ignite UI。

    5 年前
  • npm 包 ngx-spinner 使用教程

    最近在开发一个前端项目时,需要显示加载中的动画效果,经过一番查找,发现了一个非常好用的 npm 包:ngx-spinner。ngx-spinner 是一个基于 Angular 的轻量级 spinner...

    5 年前
  • npm 包 ngx-build-plus 使用教程

    简介 ngx-build-plus 是 Angular CLI 的一个插件,它可以扩展 Angular 项目构建系统的功能。它提供了一些额外的功能,例如将第三方库的代码与应用程序代码打包到同一个文件中...

    5 年前
  • npm 包 xor-libraries 使用教程

    前言 随着前端技术的不断发展和进步,我们很多时候需要使用各种各样的库或工具来解决开发中遇到的问题,而 npm 就是其中一个非常重要的工具,它为开发者提供了丰富的包管理服务。

    5 年前
  • npm 包 ara-contracts 使用教程

    ara-contracts 是一款针对以太坊区块链的智能合约的 npm 包。该 npm 包能够帮助开发者快速地搭建和部署智能合约,并能够进行交互。在本文中,我们将会详细地讲解如何使用 ara-cont...

    5 年前
  • npm 包 ara-util 使用教程

    1. 什么是 ara-util ara-util 是 npm 上一个前端工具函数库。它包含了各种实用的 JavaScript 工具函数,可以帮助开发者快速高效地实现各种功能,减少开发时间和成本。

    5 年前
  • npm 包 ara-network 使用教程

    介绍 ara-network 是一个基于 Node.js 的轻量级网络工具库,该库提供了各种网络相关的功能,例如 TCP、UDP、DNS 等。该库可以通过 npm 安装。

    5 年前
  • NPM包random-access-http使用教程

    什么是npm包random-access-http? npm包random-access-http是一个支持通过HTTP协议访问随机访问数据的JavaScript库。

    5 年前
  • npm 包 hyperdiscovery 使用教程

    在前端开发中,我们常常需要实现需要多个用户之间实时共享数据的功能。这时我们可以使用 hyperdiscovery 包来简化开发过程。本文将详细介绍 hyperdiscovery 的使用方法,并提供示例...

    5 年前
  • npm 包 stripe-dat 使用教程

    介绍 Stripe-dat 是一个 Node.js 模块,它简化了使用 Stripe API 的过程。Stripe 是一家提供在线支付服务的公司,提供了开发人员可以将支付集成到他们的应用程序中的 AP...

    5 年前
  • npm 包 dat-node 使用教程

    在前端开发中,许多项目都依赖于npm包来进行模块管理和依赖管理。其中,dat-node是一个可以帮助我们在本地文件系统中进行P2P传输和版本控制的一个npm包, 在这篇文章中,我们将学习如何使用dat...

    5 年前
  • npm 包 testarmada-magellan-early-bail-strategy 使用教程

    简介 testarmada-magellan-early-bail-strategy 是一款测试框架,在运行测试过程中,如果检测到有测试失败的情况,可以以最快速度结束测试过程。

    5 年前
  • npm 包 testarmada-magellan-browserstack-executor 使用教程

    前言 testarmada-magellan-browserstack-executor 是一个基于浏览器管理器 Magellan 的 executor 扩展,用于在 BrowserStack 平台上...

    5 年前
  • npm包 byzantine 使用教程

    介绍 byzantine是一个可用于前端开发的npm包。它提供了多种辅助函数和常用工具,用于简化代码编写和优化Web应用程序的性能。本文将深入介绍如何安装和使用byzantine。

    5 年前

相关推荐

    暂无文章