背景
基於vue元件就近管理（圖片等都放一個資料夾）的原則，封裝一個有一定功能的元件都是在components目錄下新建類似components/test/test.vue的層級，然後在router、或者views目錄的元件中引入使用。這個過程會經歷一下幾步：
- 在components建立test資料夾
- 通過copy或者編輯器模板快速新建一個包含template/script/style的.vue檔案，儲存在test資料夾下
- 按官方推薦的寫法在router、views中引入使用
在過去一年中我都是重複以上步驟，即使是通過編輯器快速新建好模板也是很痛苦，最近在掘金看了一遍文章也提到了以上問題，手把手教你使用nodejs編寫cli(命令列)，這篇文章教大家怎麼實現一個cli但沒有實現解決以上問題的cli，於是我結合自己的實際需要實現了一個~~~
這篇文章只演示一下 cli 實現的功能，不貼上關於 cli 實現的任何程式碼，因為程式碼總量100行不到，除了顏色用了第三方 chalk 庫，其它都是基於node.js自帶的api實現，程式碼在 github。
專案中components、views、router/index.js 資料夾或檔案基本專案開始的時候就已經存在了，所以cli程式碼裡並沒有做相關的判斷，在components、views資料夾建立檔案的時候必須確保這兩個資料夾已經存在，下面正式開始。
1.安裝
npm install l-cli -g
2.檢視使用幫助
l-cli -help
3. 檢視版本
l-cli -version
4.建立 .vue 檔案例項
在 components 下建立 test.vue，-c代表在components 目錄建立，-v同理
l-cli -c test
在動圖中可以看到，初始狀態components下沒有任何檔案，命令執行後多了test資料夾，同時router中多了一個內容，你們看到稍微有個延時才顯示是因為檔案內容改變了sublime 提示是否要重新載入，實際建立寫入動作很快完成，比重複開頭提到的步驟快了nnnnnn倍。
5.同時建立多個 .vue 檔案，多個檔名空格隔開，支援 test-one 這種命名規範
l-cli -c test-one test-two
可以看到引入使用已經變成 'import TestOne from '@/components/test-one/test-one' 這種 Vue 官方推薦的寫法，避免了手動轉換，實際上這也是很累贅繁瑣的工作，通過一行命令完全解放~~
6. 執行命令不輸入檔名會丟擲錯誤哦~~~
l-cli -c