Gundam-cli：前端專案建立釋出流程解決方案

JohnsenZhou發表於2019-03-04
前端

文件版本號：1.0.0

Github地址：github.com/JohnsenZhou…

Gundam-cli是一個前端專案建立釋出流程解決方案，通過命令列工具來減少開發流程中的重複勞動。

大多數的前端團隊都會有一套自己的開發腳手架，在一個新的專案啟動時，至少要進行以下步驟：

  • 從遠端倉庫克隆腳手架
  • 改好後推送到新的倉庫

當專案數一多，在這些繁瑣的工作上所花費的時間也是不容小覷的。

下圖是我司在使用cli前後的對比圖：

Gundam-cli：前端專案建立釋出流程解決方案

gundam-cli 是在原有為公司開發的cli基礎上做了功能擴充，可參見317hu-cli，具體流程類似

開始

安裝

$ npm install -g gundam-cli
複製程式碼

使用

$ gundam new <project-name>
複製程式碼

執行後主要有以下需要輸入的選項：

  1. 倉庫型別（github、gitlab）

  2. 模板地址

    1. 若倉庫型別選擇github填寫格式為：owner/name, 例如 JohnsenZhou/gundam-cli

    2. 若倉庫型別選擇gitlab填寫格式為：custom.com:owner/name, 例如gitlab.johnsenzhou.com:example/test-projects

  3. 專案名稱（預設project-name）

  4. 專案版本號（預設為模板的版本號）

  5. 專案描述

  6. 開發人員名稱

  7. 是否進行git push操作（若選是，則進行下一項操作，否則跳出，開發人員後續手動進行git操作）

  8. 輸入新專案遠端git remote 地址

具體操作流程可參見下圖：

Gundam-cli：前端專案建立釋出流程解決方案

開發

gundam-cli為了達到社群的通用性，稍微增加了一部分功能，如果想針對自己公司開發一套對應的cli工具，可以對gundam-cli進行定製

克隆到本地

$ git clone https://github.com/JohnsenZhou/gundam-cli.git
複製程式碼

軟連結`gundam-cli`到開發環境

$ cd gundam-cli
$ npm link
複製程式碼

開源支援

文章推薦

API

Usage: gundam <command> [options]

  Options:

    -v, --version  output the version number
    -h, --help     output usage information

  Commands:

    new <string>   Creates a new application
複製程式碼

License

MIT

相關文章