使用 NodeJS 構建現代化的命令行工具

前言

這是一篇關於如何使用 NodeJS 構建高性能、高可讀性的現代化命令行工具的博客。

每當我們想要創建一個基於 NodeJS 的命令行工具時,就會衍生出一堆問題需要解決,比如如何準備開發環境,如何打包轉譯代碼,如何使代碼在轉譯後保持可調用的狀態同時儘可能的壓縮體積,
以及怎樣設計項目分配 CommandOption 等等,這會浪費巨大的時間,而且並非一定有成果。這時你可以注意到社區幾乎所有的命令行工具都是自成一派,
並沒有嚴謹的框架或約定約束,也無所謂的最佳實踐,這使想要特別是第一次想要開發命令行工具的開發者望而卻步,或是幾番努力最後卻不盡如人意。

舉個例子來說,騰訊的 omi 是一個有衆多使用者的框架,但其命令行工具 omi / omi-cli 卻讓人貽笑大方。僅一些簡單的下載和創建模板的任務,造出長篇大論的文件不說,下載
時依賴數千,包的體積巨大,整體項目毫無設計幾乎是隨心所欲、天馬行空,這就是開發者本身並不擅長此道,只學會了 糊屎。(何謂 糊屎,參閱 JS 優雅指南 2

FUNC 的出現就是爲了解決這些問題。func 本身的實現參閱了社區內諸多基於 NodeJS 的命令行工具的優秀實現,與流行的框架設計思路相結合,以優雅的設計、小體積、高性能 等爲目標,
同時關注開發者體驗,大幅度的提升了命令行工具項目的可擴展性與可讀性,幾乎是如今 NodeJS 社區中開發命令行工具的最優解。我們可以嘗試使用 func 構建一個命令行工具。

構建項目

在以前流行的一些命令行參數解析的庫中,我們在構建項目前需要準備大量的腳本與配置,甚至還要解決文件權限、bin、代碼轉譯等等問題,但使用 func,我們可以僅通過一行命令
初始化項目:

npm init func

項目初始化後進入文件夾,隨機使用 npm installyarn 安裝依賴,現在就可以正式開發了。
可以注意到,func 的項目模板中爲我們準備了 startbuild 2 個腳本,它們都是由 func-service 驅動的,幫助你一鍵切換開發與生產模式,我們所要做的就是專注於
命令行邏輯本身,實現邏輯就夠了。

實現邏輯

我們可以隨意的創建一個類,當它被加上 Command 註解時這就是一個命令,而被加上 Option 註解時就會轉變爲一個選項:

import { Command } from 'func'

@Command({ name: 'test' })
export class Test {
}

在命令行中運行 <YOUR NAME> test 時,Test 類將會被調用。選項也是同理。你可以在 constructor 中開始自己的代碼,這和你在任何地方寫 NodeJS 沒有什麼
不同,當你覺得差不多的時候,運行 npm build 就可以將它打包,一切就是這麼簡單。

有時候,當我們需要使用到命令行攜帶的參數時,比如處理 <NAME> something params -option 這樣複雜的輸入,你可以直接在類中注入命令行參數,對,就是像 IoC 那樣:

@Command({ name: 'test' })
export class Test {
  constructor(
    private args: CommandArgsProvider,
  ) {
  }
}

CommandArgsProvider 實際上是一個 class 類型,當你標記一個參數爲此類型時,func 會在運行時爲你注入所有的命令參數,
同樣的也支持 OptionArgsProviderRegisterProvider 等等,你可以在 官方的文檔 閱讀它們的具體類型。

打包與發佈

運行 npm build 可以得到一個打包後的文件,這是由 ncc 編譯後的文件,通常它只有一個 (如果攜帶 extra 可能會有多個,但它們會自動鏈接),
同時爲你鏈接好了 bin,你要做的唯一一件事就是將包發佈出去。爲什麼 func 使用這種方式發佈呢?

我們知道當你在安裝一個包或是使用 npx 執行包時 (這在使用命令行工具的人羣中很常見),NPM 所花費的時間大約在 3 個部分,即對比包的依賴,下載包,執行。
首先我們知道 func 的項目足夠的小,能夠大量介紹下載時間,同時也有足夠好的性能,現在要解決的就是在大量依賴時的對比分析問題,將文件打包成單文件不依賴
外部環境時會極大的減少所需時間,如果你再將所有的依賴移入 devDependencies 中,幾乎能夠在一瞬間完成 分析 - 下載 - 運行 這三個步驟。這樣的體驗是難以想象的。
是的,這裏推薦你把所有的依賴當做開發依賴處理,這似乎違背了 NPM Package 的開發哲學,但在使用 func 構建命令行應用時這樣做卻大有裨益。

在運行 func build 完成的包時,我們注意到幾乎無需任何依賴,這是因爲在單個文件中已經 bundle 了所有的所需資源,也就意味着用戶在運行 .js 文件時,
堆棧中真的就只有 .js 文件內的內容,不會引用其他,不會加載任何無關緊要的東西。此時我們也就無需用戶關心 dependencies,甚至可以移除它們,這樣一來,
下載或即時運行時就直接跳過了 對比依賴版本 這一步,這其中省略了無數的請求也就會會極大的增加速度,npm init func 能夠在 1 秒左右立刻開始安裝也是這樣的道理。

優化與經驗

現在你已經知道了怎樣快速的構建一個合格且優雅的命令行工具,那怎樣做的更好呢?通常來說你需要遵循這幾點:

  • 不因爲小功能引入巨大的包,不引入依賴爆炸的包。

    舉例來說,download-git-repo 是一個很不錯的包,它能夠爲你節約很多時間,但請注意它依賴了 download,如果你僅爲了下載單個文件或只有很少的下載需求時,
    這就顯得有些大材小用,download 會爲你增加約 450 kb 的重量,卻只做了一件你 5 分鐘可以搞定的事情。同樣你的用戶也會爲此付出巨大的時間代價。

  • 不要顯示錯誤堆棧信息。

    在多數情況下我們都需要儘可能的顯示堆棧或是引用的錯誤信息便於 debug,但是在命令行工具中這樣做只會使你的用戶非常困惑。這主要歸結於命令行中不能很好高亮
    的顯示代碼塊,大量的代碼信息會使用戶不知所措。建議你始終構建一個錯誤處理模塊來解決問題,同時爲用戶提供良好的反饋,最後可以提供類似於 --debug
    選項讓開發者調試。

  • 不要太依賴同步操作。

    在 NodeJS 與其社區流行的 I/O 庫中,我們通常會有異步和同步函數兩種選擇,如 readFilereadFileSync,雖然同步函數可以爲你節約一些開發時間,
    但也會阻塞你的代碼,很多情況下會有難以理解的問題。比如當你設置定時器顯示一個 Loading 圖標的同時操作了同步 API,那麼你的 Loading 圖標就會因爲阻塞
    而無法運動 (因爲無法 render 到終端),或是你同時操作多個文件,同步的 API 會使你花費巨大的時間。

  • 不要發佈無用信息。

    命令行工具很多時候的角色是充當複雜的腳本,性能和體驗是至關重要的,發佈無用的信息在你的 package 中會使下載時間更長。(使用 files 來約束髮布的文件)

  • 不要修改臨時文件夾與配置區以外的信息。

    對於命令行工具來說,運行時的權限是巨大的,但不要因此弄髒用戶的系統。你可以使用 require('os').tmpdir() 獲取用戶操作系統的臨時文件夾目錄,無論何時,
    你都擁有這裏的寫權限。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章