为终端制作名片
最近我偶然看到了Scott Spence 的精美名片,真不敢相信几年前我竟然错过了这种潮流。
所以我来把它带回来!
在航站楼里交换名片,因为谁不喜欢使用航站楼呢😅。
据我所知,最初的想法来自bitandbang,我们将在本文中使用并注明出处。
今日结果:
创建 NPM 名片
我们不会从头开始创建卡片,因为 bitandbang 已经完成了大部分繁重的工作。
前往bitandbang 代码库并 fork 它!
获得分支后,将其克隆到本地,然后在您喜欢的编辑器中打开。
打开build.js文件,其中包含了我们需要的所有魔法。
请将所有信息替换成您自己的信息,您可以随意选择要展示的元素。
您可以随时添加/删除行。
在最后一行,您可以看到渲染图,您可以在其中为您的卡片指定预定义或自定义颜色。
完成后,您可以通过运行以下命令在本地进行测试。
npm run dev
这应该能让你看到这张卡的输出效果。
将您的卡片发布到 NPM
当你完成卡片制作并对它的外观感到满意后,就可以将其发布到 NPM 了。
但在此之前,我们先确保将其发布在我们的域名下。
打开package.json文件并修改以下内容:
- 姓名
- 版本
- 描述
- 箱子(第一个元素)
- 仓库
- 首页
- 作者
完成上述步骤后,您可以通过执行以下命令将软件包发布到注册表。
npm publish
现在您可以打开一个新的终端并运行您的卡片命令来查看输出结果。
就我而言,就是这条命令:
npx rebelchris
太酷了!
信用
非常感谢 bitandbang 提供的初始代码库。
你可以通过这个GitHub链接找到我的版本。
感谢阅读,让我们保持联系!
感谢您阅读我的博客。欢迎订阅我的电子邮件简讯,也可以在Facebook或Twitter上关注我。
文章来源:https://dev.to/dailydevtips1/creating-a-business-card-for-the-terminal-3hel
