1 前言

1.1

像我們熟悉的 vue-cli，taro-cli 等腳手架，只需要輸入簡單的命令 taro init project ，即可快速幫我們生成一個初始項目。在日常開發中，有一個腳手架工具可以用來提高工作效率。

1.2 為什么需要腳手架

減少重復性的工作，從零創建一個項目和文件。 根據交互動態生成項目結構和配置文件等。 多人協作更為方便，不需要把文件傳來傳去。

1.3 怎樣來搭建呢？

腳手架是怎么樣進行構建的呢，我是借助了 taro-cli 的思路。

1.4 本文的目標讀者

1 想要學習更多和了解更多的人
2 對技術充滿熱情

2 搭建前準備

2.1 第三方工具

commander.js ，可以自動的解析命令和參數，用于處理用戶輸入的命令。
download-git-repo ，下載并提取 git 倉庫，用于下載項目模板。
Inquirer.js ，通用的命令行用戶界面集合，用于和用戶進行交互。
handlebars.js ，模板引擎，將用戶提交的信息動態填充到文件中。
ora ，下載過程久的話，可以用于顯示下載中的動畫效果。
chalk ，可以給終端的字體加上顏色。
log-symbols ，可以在終端上顯示出 √ 或 × 等的圖標

2.2 上手

2.2.1 新建一個文件夾，然后npm init初始化

npm 不單單用來管理你的應用和網頁的依賴，你還能用它來封裝和分發新的 shell 命令。

$ mkdir lq-cli$ npm init

這時在我們的 lq-cli 項目中有 package.json 文件，然后需要創建一個 JS 文件包含我們的腳本就取名 index.js 吧。 package.json 內容如下

{ "name": "lq-shell", "version": "1.0.0", "description": "腳手架搭建", "main": "index.js", "bin": {  "lq": "./index.js" }, "scripts": {  "test": "test" }, "keywords": [  "cli" ], "author": "prune", "license": "ISC"}

index.js內容如下

#!/usr/bin/env nodeconsole.log('Hello, cli!');

到這一步就可以簡單運行一下這個命令

npm linklq

npm link 命令可以將一個任意位置的 npm 包鏈接到全局執行環境，從而在任意位置使用命令行都可以直接運行該 npm 包。 控制臺會輸出 Hello, cli!

2.2.2 捕獲init之類的命令

前面的一個小節，可以跑一個命令行了，但是我們看到的 taro-cli 中還有一些命令，init初始化項目之類。這個時候 commander 就需要利用起來了。 運行下面的這個命令將會把最新版的 commander 加入 package.json

npm install --save commander

引入 commander 我們將 index.js 做如下修改

#!/usr/bin/env nodeconsole.log('Hello, cli!')const program = require('commander')program .version(require('./package').version, '-v, --version')   .command('init <name>') .action((name) => {   console.log(name) }) program.parse(process.argv)