地球上的一切工具和機器,不過是人肢體知覺的發展而已。——愛迪生
背景:平常在編寫vue單文件時總是拷貝一個單文件,然後修改成自己想要的格式,次數做多了未免有點繁瑣。於是覺得不如寫個node命令行工具,自動生成默認格式的單文件。
一、準備工作
- node環境
- npm賬號:用於將命令行工具存放在npm庫
- 熟悉commander.js核心工具
二、實現思路
基於commander.js實現一個file-create主命令,vue子命令,最終實現通過file-create vue <MyVueName>
的命令在當前目錄創建vue單文件
三、代碼目錄結構
四、兩個路徑問題
- 讀取模板的路徑:
path.resolve(__dirname,'../templates/vue-template.vue')
- 生成文件的路徑:
fs.writeFileSync(process.cwd()+
/${fileName}.vue, result)
五、package包說明
- commander:用於創建命令
- chalk:用於控制命令行輸出文本的樣式
- handlebars:模板引擎,用於按指定模板格式生成新文件
- download-git-repo:腳手架的模板庫下載,本文未使用
- inquirer:命令行交互工具
六、代碼地址GitHub
七、發佈到npm庫(先有npm賬號)
npm login
npm publish