node命令行工具-創建默認格式的vue單文件

地球上的一切工具和機器,不過是人肢體知覺的發展而已。——愛迪生

背景:平常在編寫vue單文件時總是拷貝一個單文件,然後修改成自己想要的格式,次數做多了未免有點繁瑣。於是覺得不如寫個node命令行工具,自動生成默認格式的單文件。

一、準備工作

  • node環境
  • npm賬號:用於將命令行工具存放在npm庫
  • 熟悉commander.js核心工具

二、實現思路
基於commander.js實現一個file-create主命令,vue子命令,最終實現通過file-create vue <MyVueName>的命令在當前目錄創建vue單文件

三、代碼目錄結構
在這裏插入圖片描述
四、兩個路徑問題

  1. 讀取模板的路徑:path.resolve(__dirname,'../templates/vue-template.vue')
  2. 生成文件的路徑:fs.writeFileSync(process.cwd()+/${fileName}.vue, result)

五、package包說明

  • commander:用於創建命令
  • chalk:用於控制命令行輸出文本的樣式
  • handlebars:模板引擎,用於按指定模板格式生成新文件
  • download-git-repo:腳手架的模板庫下載,本文未使用
  • inquirer:命令行交互工具

六、代碼地址GitHub

七、發佈到npm庫(先有npm賬號)

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