就在昨天,Ali Churcher分享了使用CSS网格布局制作简历的整洁方法。让我们通过创建一个模板来构建一点,每当我们想要使用命令行时,我们可以旋转。很酷的事情是,您只需一个命令就可以运行它。
我知道命令行可能令人生畏,是的,我们将在node.js中工作。我们将使事情分为小步骤,以使其更容易跟随。
像许多项目一样,涉及一些设置。首先在工作目录中创建一个空文件夹,然后使用NPM或纱线初始化项目。
mkdir your-project && cd“ $ _” ## npm npm init ##纱 纱线初始化
无论您使用什么名称“您的项目”,都将是NPM注册表中包装的名称。
下一步是为应用程序创建一个输入文件,即在这种情况下为index.js。我们还需要一个存储数据的地方,因此创建另一个名为data.json的文件。创建命令行后,您可以从命令行打开它们:
触摸index.js &&触摸data.json
创建命令行接口
我们从创建此应用程序中获得的最大好处是,它为我们提供了一种直接在命令行中创建简历的半维持方式。我们需要几件事才能实现:
- 存储数据的对象
- 交互式命令行界面(我们将使用询问器构建)
让我们从第一个开始。破解打开数据。json并添加以下内容:
{ “教育”: [ “一些信息”, “不太重要的信息”, “等等,等等。” ],, “经验”: [ “一些信息”, “不太重要的信息”, “等等,等等。” ],, “接触”: [ “一种与您联系的方式” 这是给出的 }
这只是定义将用于接口中每个步骤的对象和键的示例。您可以完全修改它以满足自己的需求。
那是我们需要的第一件事。第二件事是交互式界面。询问者。JS将处理90%的内容。请随时阅读有关此软件包的更多信息,因为您可以在更熟悉它的Ins和Outs时构建更高级的界面。
纱线添加询问者粉笔
那粉笔是什么?这是一个库,可以通过添加一些颜色和样式来帮助我们自定义终端输出。
现在,让我们打开index.js并粘贴以下代码:
#!/usr/bin/env节点 “使用严格”; const询问者= requir(“询问者”); const粉笔= require(“粉笔”); const data = require(“ ./ data.json”); //添加响应颜色 const响应= chalk.bold.blue; const remumeoptions = { 类型:“列表”, 名称:“简历”, 消息:“你想知道什么”, 选择:[... object.keys(数据),“退出”] }; 功能showresume(){ console.log(“你好,这是我的简历”); 处理程序(); } 功能处理程序(){ 询问器。prompt(简历)。然后 if(answer.resumeOptions ==“退出”)返回; const options = data [$ {wonse.resumeoptions}`] if(options){ console.log(响应(new询问者.separator())); options.foreach(info => { console.log(响应(“ | =>” info)); }); console.log(响应(new询问者.separator())); } 询问者 。迅速的({ 类型:“列表”, 名称:“ exitback”, 消息:“回去还是退出?”, 选择:[“ Back”,“ Exit”] })。然后(选择=> { if(choice.exitback ==“ back”){ 处理程序(); } 别的 { 返回; } }); })。捕获(err => console.log('oop,',err)) } showresume();
zoikes!那是一大堆代码。让我们将其撕下来解释发生了什么。
在文件的顶部,我们正在导入运行应用程序并使用粉笔库设置颜色样式所需的所有必要物品。如果您对颜色和自定义更感兴趣,请查看粉笔文档,因为您可以对事物具有很高的创意。
const询问者= requir(“询问者”); const粉笔= require(“粉笔”); const data = require(“ ./ data.json”); //添加响应颜色 const响应= chalk.bold.blue;
代码要做的下一步就是创建我们的简历选项列表。这些是在我们在终端中键入命令后将显示的内容。我们称其为简历,因此我们确切地知道它的作用。
const remumeoptions = { 类型:“列表”, 名称:“简历”, 消息:“你想知道什么”, 选择:[... object.keys(数据),“退出”] };
我们对选择字段非常感兴趣,因为它可以从数据对象中构成键,同时为我们提供一种方法来“退出”该应用程序。
之后,我们创建函数showresume(),这将是我们在启动后立即运行的主要功能。它显示了一些欢迎消息,并运行我们的处理程序()函数。
功能showresume(){ console.log(“你好,这是我的简历”); 处理程序(); }
好的,现在,大个子:handleresume()函数。第一部分是有条件的检查,以确保我们尚未退出该应用程序,并在所有情况下都从我们的数据对象中显示注册选项。换句话说,如果选择的选项已退出,我们将退出程序。否则,我们将获取根据所选密钥可用的选项列表。
因此,一旦应用程序确认我们没有退出,我们就会得到答案。解决方案,正如您可能已经猜到的那样,吐出了我们在data.json文件中定义的部分列表。我们定义的是教育,经验和联系。
这将我们带到了询问者。如果我们列出这些作品,这可能是最简单的:
您是否注意到选项输出中的new询问器.separator()函数?这是询问器的功能,它在内容之间提供了视觉分离器,以使内容稍微分解一点并使界面更易于阅读。
好吧,我们正在显示选项列表!现在,我们需要让AA返回上一个屏幕。为此,我们创建了另一个询问者。在其中我们将通过一个新对象,但是这次只有两个选项:退出和返回。它将通过我们需要处理的答案向我们返回承诺。如果选择的选项会返回,我们运行处理程序()意味着我们再次使用选项打开主屏幕;如果我们选择退出,我们将退出功能。
最后,我们将添加捕获语句以捕获任何可能的错误。好练习。 :)
发布给NPM
恭喜!尝试运行Node index.js,您应该能够测试该应用程序。
那太好了,一切都很棒,但是要使它运行不必每次都直接工作。这比我们刚刚看过的功能要简单得多。
- 如果您没有一个帐户,请在NPMJS.com上注册一个帐户。
- 通过运行NPM助推器将用户添加到CLI中。
- 提供您用于注册NPM帐户的用户名和密码。
- 转到package.json并添加以下行:
“垃圾桶”: { “您的包装名称”:“ ./index.js” }
- 添加将显示在应用程序NPM页面上的readme.md文件。
- 发布软件包。
NPM发布 - access = public
每当您更新软件包时,都可以将其推向NPM。在此处阅读有关NPM版本的更多信息。
NPM版本补丁// 1.0.1 NPM版本未成年人// 1.1.0 NPM版本专业// 2.0.0
并将更新推向NPM:
NPM发布
恢复魔术!
就是这样!现在,您可以体验到在命令行中键入NPX您的包装名称并在此处创建简历的魔力。顺便说一句,NPX是运行命令而无需将其安装到计算机的方式。如果您安装了NPM,则可以自动适合您。
这只是一个简单的终端应用程序,但是了解场景背后的逻辑将使您创造出惊人的事物,这是您迈向它的第一步。
源代码
愉快的编码!
以上是如何在NPM上构建简历的详细内容。更多信息请关注PHP中文网其他相关文章!

文章讨论了CSS FlexBox,这是一种布局方法,用于有效地对齐和分布响应设计中的空间。它说明了FlexBox用法,将其与CSS网格进行了比较,并详细浏览了浏览器支持。

本文讨论了使用CSS创建响应网站的技术,包括视口元标签,灵活的网格,流体媒体,媒体查询和相对单元。它还涵盖了使用CSS网格和Flexbox一起使用,并推荐CSS框架

本文讨论了CSS盒装属性,该属性控制了元素维度的计算方式。它解释了诸如Content-Box,Border-Box和Padding-Box之类的值,以及它们对布局设计和形式对齐的影响。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

Atom编辑器mac版下载
最流行的的开源编辑器

WebStorm Mac版
好用的JavaScript开发工具

Dreamweaver Mac版
视觉化网页开发工具

SublimeText3 Linux新版
SublimeText3 Linux最新版