什么是 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