就在昨天，Ali Churcher分享了使用CSS網(wǎng)格佈局製作簡歷的整潔方法。讓我們通過創(chuàng)建一個模板來構建一點，每當我們想要使用命令行時，我們可以旋轉(zhuǎn)。很酷的事情是，您只需一個命令就可以運行它。

我知道命令行可能令人生畏，是的，我們將在node.js中工作。我們將使事情分為小步驟，以使其更容易跟隨。

像許多項目一樣，涉及一些設置。首先在工作目錄中創(chuàng)建一個空文件夾，然後使用NPM或紗線初始化項目。

 mkdir your-project && cd“ $ _”

## npm
npm init

##紗
紗線初始化

無論您使用什麼名稱“您的項目”，都將是NPM註冊表中包裝的名稱。

下一步是為應用程序創(chuàng)建一個輸入文件，即在這種情況下為index.js。我們還需要一個存儲數(shù)據(jù)的地方，因此創(chuàng)建另一個名為data.json的文件。創(chuàng)建命令行後，您可以從命令行打開它們：

觸摸index.js &&觸摸data.json

創(chuàng)建命令行接口

我們從創(chuàng)建此應用程序中獲得的最大好處是，它為我們提供了一種直接在命令行中創(chuàng)建簡歷的半維持方式。我們需要幾件事才能實現(xiàn)：

• 存儲數(shù)據(jù)的對象
• 交互式命令行界面（我們將使用詢問器構建）

讓我們從第一個開始。破解打開數(shù)據(jù)。 json並添加以下內(nèi)容：

 {
  “教育”： [
    “一些信息”，
    “不太重要的信息”，
    “等等，等等?！?  ]，，
  “經(jīng)驗”： [
    “一些信息”，
    “不太重要的信息”，
    “等等，等等?！?  ]，，
  “接觸”： [
    “一種與您聯(lián)繫的方式”
  這是給出的
}

這只是定義將用於接口中每個步驟的對象和鍵的示例。您可以完全修改它以滿足自己的需求。

那是我們需要的第一件事。第二件事是交互式界面。詢問者。 JS將處理90％的內(nèi)容。請隨時閱讀有關此軟件包的更多信息，因為您可以在更熟悉它的Ins和Outs時構建更高級的界面。

紗線添加詢問者粉筆

那粉筆是什麼？這是一個庫，可以通過添加一些顏色和樣式來幫助我們自定義終端輸出。

現(xiàn)在，讓我們打開index.js並粘貼以下代碼：

 ＃！ /usr/bin/env節(jié)點

“使用嚴格”；

const詢問者= requir（“詢問者”）;
const粉筆= require（“粉筆”）;
const data = require（“ ./ data.json”）;

//添加響應顏色
const響應= chalk.bold.blue;

const remumeoptions = {
  類型：“列表”，
  名稱：“簡歷”，
  消息：“你想知道什麼”，
  選擇：[... object.keys（數(shù)據(jù)），“退出”]
};

功能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！那是一大堆代碼。讓我們將其撕下來解釋發(fā)生了什麼。

在文件的頂部，我們正在導入運行應用程序並使用粉筆庫設置顏色樣式所需的所有必要物品。如果您對顏色和自定義更感興趣，請查看粉筆文檔，因為您可以對事物具有很高的創(chuàng)意。

 const詢問者= requir（“詢問者”）;
const粉筆= require（“粉筆”）;
const data = require（“ ./ data.json”）;

//添加響應顏色
const響應= chalk.bold.blue;

代碼要做的下一步就是創(chuàng)建我們的簡歷選項列表。這些是在我們在終端中鍵入命令後將顯示的內(nèi)容。我們稱其為簡歷，因此我們確切地知道它的作用。

 const remumeoptions = {
  類型：“列表”，
  名稱：“簡歷”，
  消息：“你想知道什麼”，
  選擇：[... object.keys（數(shù)據(jù)），“退出”]
};

我們對選擇字段非常感興趣，因為它可以從數(shù)據(jù)對像中構成鍵，同時為我們提供一種方法來“退出”該應用程序。

之後，我們創(chuàng)建函數(shù)showresume（），這將是我們在啟動後立即運行的主要功能。它顯示了一些歡迎消息，並運行我們的處理程序（）函數(shù)。

功能showresume（）{
  console.log（“你好，這是我的簡歷”）;
  處理程序（）;
}

好的，現(xiàn)在，大個子：handleresume（）函數(shù)。第一部分是有條件的檢查，以確保我們尚未退出該應用程序，並在所有情況下都從我們的數(shù)據(jù)對像中顯示註冊選項。換句話說，如果選擇的選項已退出，我們將退出程序。否則，我們將獲取根據(jù)所選密鑰可用的選項列表。

因此，一旦應用程序確認我們沒有退出，我們就會得到答案。解決方案，正如您可能已經(jīng)猜到的那樣，吐出了我們在data.json文件中定義的部分列表。我們定義的是教育，經(jīng)驗和聯(lián)繫。

這將我們帶到了詢問者。如果我們列出這些作品，這可能是最簡單的：

您是否注意到選項輸出中的new詢問器.separator（）函數(shù)？這是詢問器的功能，它在內(nèi)容之間提供了視覺分離器，以使內(nèi)容稍微分解一點並使界面更易於閱讀。

好吧，我們正在顯示選項列表！現(xiàn)在，我們需要讓AA返回上一個屏幕。為此，我們創(chuàng)建了另一個詢問者。在其中我們將通過一個新對象，但是這次只有兩個選項：退出和返回。它將通過我們需要處理的答案向我們返回承諾。如果選擇的選項會返回，我們運行處理程序（）意味著我們再次使用選項打開主屏幕；如果我們選擇退出，我們將退出功能。

最後，我們將添加捕獲語句以捕獲任何可能的錯誤。好練習。 :)

發(fā)布給NPM

恭喜！嘗試運行Node index.js，您應該能夠測試該應用程序。

那太好了，一切都很棒，但是要使它運行不必每次都直接工作。這比我們剛剛看過的功能要簡單得多。

1. 如果您沒有一個帳戶，請在NPMJS.com上註冊一個帳戶。
2. 通過運行NPM助推器將用戶添加到CLI中。
3. 提供您用於註冊NPM帳戶的用戶名和密碼。
4. 轉(zhuǎn)到package.json並添加以下行：

    “垃圾桶”： {
     “您的包裝名稱”：“ ./index.js”
   }

5. 添加將顯示在應用程序NPM頁面上的readme.md文件。
6. 發(fā)佈軟件包。

 NPM發(fā)布 -  access = public

每當您更新軟件包時，都可以將其推向NPM。在此處閱讀有關NPM版本的更多信息。

 NPM版本補丁// 1.0.1
NPM版本未成年人// 1.1.0
NPM版本專業(yè)// 2.0.0

並將更新推向NPM：

 NPM發(fā)布

恢復魔術！

就是這樣！現(xiàn)在，您可以體驗到在命令行中鍵入NPX您的包裝名稱並在此處創(chuàng)建簡歷的魔力。順便說一句，NPX是運行命令而無需將其安裝到計算機的方式。如果您安裝了NPM，則可以自動適合您。

這只是一個簡單的終端應用程序，但是了解場景背後的邏輯將使您創(chuàng)造出驚人的事物，這是您邁向它的第一步。

原始碼

愉快的編碼！

以上是如何在NPM上構建簡歷的詳細內(nèi)容。更多資訊請關注PHP中文網(wǎng)其他相關文章！