在前端开发中，项目的管理和维护是必不可少的一环。而 npm 是当前最常用的管理工具之一。除了可以安装和管理项目自身的依赖，npm 还提供了很多第三方的包供我们使用。今天我们要介绍的就是一个非常实用的 npm 包，它就是 @flovermeer/npxcard。
什么是 @flovermeer/npxcard
@flovermeer/npxcard 是一个可以直接在命令行生成个人名片的 npm 包。通过它，你可以快速地生成一个属于你自己的名片，展示你的基本信息、技能、联系方式等，并且生成的名片还是很炫酷的。
炫酷的名片长这样：
如何使用 @flovermeer/npxcard
使用 @flovermeer/npxcard 很简单，只需要安装包并且运行：
--- -------------------
接下来你就能够在你的终端上看到生成的名片了。
但是，这个名片显然是默认情况下的。我们需要在运行的时候，为它添加我们的信息。那么，我们该如何做呢？
比较好的一种方式是通过环境变量的形式传入信息。在运行命令的时候，我们可以通过一些特定的参数来传递我们的个人信息。
基本信息
通过以下环境变量传递基本信息：
| 环境变量 | 说明 |
|---|---|
npxcard_name |
姓名 |
npxcard_title |
标题 |
npxcard_work |
工作单位 |
npxcard_website |
个人网站 |
npxcard_blog |
博客 |
npxcard_github |
GitHub |
例如，如果我们要生成一个名字叫“张三”，并且他是一名前端工程师，并且还有一个 GitHub 账号叫“zhangsan”，那么我们可以这样运行命令：
--- ------------------- -
------------------- -
----------------------- -
------------------- --- -
---------------------------这时，我们生成的名片里就会自动填入我们这些信息。
技能标签
通过以下环境变量传递技能标签：
| 环境变量 | 说明 |
|---|---|
npxcard_skills |
技能标签列表，使用英文逗号分隔 |
例如，如果我们想在名片中加入“Vue.js”和“React”两个技能标签，我们可以这样运行命令：
--- ------------------- -
-------------------------------联系方式
通过以下环境变量传递联系方式：
| 环境变量 | 说明 |
|---|---|
npxcard_email |
邮箱 |
npxcard_twitter |
Twitter 账户 |
npxcard_linkedin |
LinkedIn 账户 |
例如，如果我们想在名片中加入我们的邮箱、Twitter 和 LinkedIn 账号，我们可以这样运行命令：
--- ------------------- -
-------------------------------------- -
----------------------------- -
----------------------------------------------------------示例代码
最后，我们来看一下示例代码。下面的代码可以直接拷贝到命令行中运行，生成一个名为“Amy”的前端工程师名片。
--- ------------------- -
-------------------- -
----------------------- -
------------------- --- -
--------------------------------------- -
--------------------------------- -
----------------------这样，我们就漂亮地生成了一个炫酷的名片，同时还可以通过它来展示自己的信息。既省事，又好看。是不是很不错呢？
总结
使用 @flovermeer/npxcard，我们可以在命令行中快速生成一个个性化的名片。通过传递不同的参数，我们可以轻松地生成不同的名片风格。希望本文能够对大家有所帮助，也希望大家能够从中学到一些新的知识和技巧。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600673defb81d47349e53c00