手把手教你使用nodejs編寫cli(命令行)

前端日常開發中，會遇見各種各樣的cli，比如一行命令幫你打包的webpack，一行命令幫你生成vue項目模板的vue-cli，還有創建react項目的create-react-app等等等等。這些工具極大地方便了我們的日常工作，讓計算機自己去干繁瑣的工作，而我們，就可以節省出大量的時間用于學習、交流、開發、逛steam。

但是有時候一些十分特別的需求，我們是找不到適合的cli工具去做的。比如說，你的項目十分龐大，你給項目添加一個新的路由，要經過創建目錄 -> 創建.vue文件 -> 更新vue-router的路由列表這一趟流程，就算快捷鍵創建目錄文件用得再熟悉，也比不過你一行命令來得快，特別是路由目錄嵌套深，.vue文件初始化模板復雜的時候。

所以呢，何不為自己項目寫一個cli？就專門做這些繁瑣的活？

0x1 hello world

nodejs的cli，本質就是跑node腳本嘛，基本上每位前端er都會：

// index.jsconsole.log('hello world')復制代碼

然后命令行調用

> node index.js## 輸出：> hello world復制代碼

可以做得更逼真一點，我們在package.json里面的scripts字段上添加一下腳本名：

{ "scripts":{ "hello":"node index.js" }}復制代碼

然后命令行調用：

> npm run hello復制代碼

但是，看到這里你肯定會說，人家webpack還有vue-cli都是“有名字”的！什么vue-cli init app、webpack -p的，多漂亮，看看這個命令行，node index.js，還npm run hello，誰不會啊，丑不拉幾的，怕又不是來水文章的哦？差評！！

別急啊各位大人，接下來就說說，如何給這個node腳本起個名字。

0x2 起名字

姑且，先把這個cli的名字命名為hello-cli，就是我們能夠在命令行里面，輸入hello-cli，然后它就打印一句hello world，沒有node也沒有npm，就是：

這里，我們需要做幾步操作：index.js文件頂部聲明執行環境：

// index.js#!/usr/bin/env nodeconsole.log('hello world')復制代碼

添加#!/usr/bin/env node或者#!/usr/bin/node，這是告訴系統，下面這個腳本，使用nodejs來執行。當然，這個系統不包括windows，因為windows下有個JScript的歷史遺留物在，會讓你的腳本跑不起來。

#!/usr/bin/env node的意思是讓系統自己去找node的執行程序。

#!/usr/bin/node的意思是，明確告訴系統，node的執行程序在路徑為/usr/bin/node。

添加package.json的bin字段。

可以在index.js當前的目錄下執行npm init創建一個package.json，然后在package.json里面，添加一個bin字段：

{ "name": "hello-test

總結

以上是生活随笔為你收集整理的add-apt-repository:找不到命令_手把手教你使用nodejs编写cli(命令行)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。