什么是 bitbar-cli？
bitbar-cli 是一款 npm 包，它可以帮助前端工程师在 macOS 的菜单栏中展示自己的数据或者状态。利用它，用户可以在菜单栏中轻松查看并且跳转到所需的信息页面。
如何使用 bitbar-cli？
安装
安装 bitbar-cli 很简单，只需在终端中输入以下命令：
--- ------- ---------- --
如果您想在本地存储 bitbar-cli，可以去掉 -g。
快速上手
要在菜单栏中展示自己的信息，需要创建一个 .sh 文件。例如，我们创建的文件名为 example.sh。这个文件需要位于 bitbar-cli 的插件目录下，插件目录的位置一般是在 /Users/你的用户名/Library/Bitbar/Plugins。
当创建完 example.sh 文件后，需要为该文件赋予可执行权限，可以通过以下命令实现：
----- -- ----------
接下来，编写 example.sh 文件内容，具体的编写方式可以参考 bitbar-cli 官方文档。
----------- ---- ------ ---- -------- ---- ----- ---- ----- ------ - ---------------------------- ---- ----- ----- - --------------------------- ---- ----- ---- - --------------------------
最后，只需要在终端中输入 bitbar-cli 的启动命令 bitbar-cli -p example.sh，就可以在菜单栏中看到自己创建的选项了。
深入学习
bitbar-cli 提供了许多高级功能，可以让用户实现更加复杂的菜单栏信息展示。以下是一些示例：
- 在菜单栏中展示 CPU 和内存使用情况：
----------- - --- ----- --------------- -- - -- - - --- ------ ------- ------ ----- ---- ----- ------------ - ------ ----- ------------------ ------------------- ---------- ------------------ ---------- - --- ------- ------- ------ ---- - --- --------- - --- ------- --- - ------------- - ---- - ------- ------------------ ---------- - --- ------- ----- ------ ---- - --- --------- - --- ------- --- - ------------- - ---- - ------- ---- -------- ------------------------- --- - ------ ------ -------- ---- ----- ---- -------- - ------------- ---- ----- ---- ----- -------- ------- - ---------- ---------------------------------- ------------ --------------- ---- ----- -------- - ---------- -- -------- -- ---------------
- 从 REST API 服务器获取数据并更新菜单栏信息：
----------- --------------- --- --------------------------------------------- ------------ ----------- - -- -------- - --- --------- ----------- ----------- - -- ------- - --- --------- ---- -------- ---- ----- ---- ------- ---- ----- ---- -------- - -------------
总结
通过 bitbar-cli 的使用，可以轻松在 macOS 菜单栏中展示丰富的信息。我们可以通过创建自定义的 .sh 文件和利用一些高级特性来实现更多的功能。感谢 bitbar-cli 的作者，让我们的前端工作更加轻松和高效。
参考
- bitbar-cli：https://github.com/kmikiy/bitbar-cli
- bitbar-cli 官方文档：https://github.com/kmikiy/bitbar-cli#plugin-syntax
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055cdd81e8991b448da7d0