## 一、自定義
  創建一個空目錄,然后通過npm init命令初始化package.json文件,并按提示輸入相關信息或直接回車使用默認信息,生成的內容如下所示。
~~~
{
"name": "pwct",
"version": "1.0.0",
"description": "命令行工具測試",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/pwstrick/pwct.git"
},
"author": "strick",
"license": "ISC",
"bugs": {
"url": "https://github.com/pwstrick/pwct/issues"
},
"homepage": "https://github.com/pwstrick/pwct#readme"
}
~~~
  在模塊中創建bin目錄,并保存一個名為pwct.js的腳本,內容如下(只做演示,沒有加邏輯)。其中#!/usr/bin/env node語句用于指定腳本的解釋器。
~~~
#!/usr/bin/env node
console.log("命令行工具測試");
~~~
  更新package.json文件,新增bin字段,并添加以下配置。
~~~
"bin": {
"pwct": "./bin/pwct.js"
}
~~~
  如果現在在終端運行pwct命令,那么會出現下面的錯誤提示。
~~~
$ pwct
bash: pwct: command not found
~~~
  為了能測試剛剛添加的命令,需要使用npm link命令(運行結果如下所示),它能模擬全局安裝,而不用發布模塊。
~~~
C:\AppData\Roaming\npm\pwct -> C:\AppData\Roaming\npm\node_modules\pwct\bin\pwct.js
C:\AppData\Roaming\npm\node_modules\pwct -> D:\node\demo
~~~
  再次在終端運行pwct命令,就能打印出預期的結果,如下所示。
~~~
$ pwct
命令行工具測試
~~~
  命令行的參數可以從process.argv數組中獲得,直接修改pwct.js文件,添加一條打印process.argv的語句,如下所示。由于使用了npm link來鏈接模塊,因此無須重新發布和安裝就能直接調試。
~~~
#!/usr/bin/env node
console.log(process.argv);
~~~
  在終端運行pwct -h命令,得到的數組如下所示,省略了前兩個元素的絕對路徑。
~~~
$ pwct -h
[ 'node.exe', 'pwct.js', '-h' ]
~~~
## 二、包的管理
**1)發布**
  當要將模塊作為包發布到npm官網時,首先需要注冊一個帳號,然后使用npm login命令在終端登錄,再通過npm publish命令發布,發布成功后得到的結果如下。
~~~
$ npm publish
npm notice
npm notice package: pwct@1.0.0
npm notice === Tarball Contents ===
npm notice 494B package.json
npm notice 221B bin/pwct.js
npm notice === Tarball Details ===
npm notice name: pwct
npm notice version: 1.0.0
npm notice package size: 527 B
npm notice unpacked size: 715 B
npm notice shasum: 16cd277ffad852d2d2ac60534b557df28854f93f
npm notice integrity: sha512-/j+dfkz63nZVW[...]RYnfU8DgOEcHQ==
npm notice total files: 2
npm notice
+ pwct@1.0.0
~~~
**2)更新**
  當需要更新一個已發布的包時,可以先運行下面命令中的一個,三條命令會分別對主版本號、次版本號和補丁版本號進行加一的處理。
~~~
npm version major
npm version minor
npm version patch
~~~
  例如運行patch命令,結果如下所示。
~~~
$ npm version patch
v1.0.1
~~~
  然后再運行npm publish命令,進行更新處理。
**3)刪除**
  可以刪除特定版本號的包,語法如下所示。
~~~
npm unpublish 包名@版本號
~~~
  運行下面的命令,就能移除官網上指定版本的包。
~~~
$ npm unpublish pwct@1.0.1
-pwct@1.0.1
~~~
  如果要刪除整個包,語法如下。
~~~
npm unpublish 包名 --force
~~~
  運行下面的命令,就能將官網上的包整個移除。
~~~
$ npm unpublish pwct --force
npm WARN using --force I sure hope you know what you are doing.
-pwct
~~~
**4)安裝**
  npm install命令除了可以跟包名之外,還能與GitHub的SSH地址組合,如下所示。
~~~
npm install git+ssh://github.com:pwstrick/pwct.git
~~~
## 三、Commander.js
  上述所舉的是一個極簡命令,而一般的命令格式會包含三部分,如下所示。
~~~
command [options] [arguments]
~~~
  (1)command:命令名稱,例如pwct。
  (2)options:配置選項,前綴可以是單個連字符(-)或兩個連字符(--),前者與參數簡稱組合,后者與參數全稱組合,例如-h、--help。
  (3)arguments:參數列表,有些選項也會帶參數。
  在查看命令幫助時,會出現\[\]、<>、|等符號,它們的含義如下:
  (1)\[\]:可選的。
  (2)<>:可變選項,一般是多選一,而且必須要選其一。
  (3)x|y|z:多選一,如果加上\[\],可不選。
  (4)-abc:多選,如果加上\[\],可不選。
  接下來使用第三方的Node命令行模塊:Commander.js,編寫出更加專業的命令,如下所示。注意,命令名稱改為pwcta。
~~~
#!/usr/bin/env node
const program = require('commander');
program
.version('1.0.0', '-v, --version', '版本')
.option('-d, --debug', '調試')
.option('-b, --build [dir]', '構建')
.parse(process.argv);
if (program.debug)
console.log(program.opts());
if (program.build)
console.log('loading');
~~~
  version()方法可定義當前命令的版本。option()方法可定義命令的配置選項。parse()方法可讓解析出的全稱參數成為program的屬性。
  運行“pwcta -d -b ./list”命令,得到的結果如下所示,opts()方法可得到參數的鍵值對。
~~~
$ pwcta -d -b ./list
{ version: '1.0.0', debug: true, build: './list' }
loading
~~~
  幫助選項(-h和--help)默認已提供,運行“pwcta -h”命令得到的結果如下。
~~~
$ pwcta -h
Usage: pwcta [options]
Options:
-v, --version 版本
-d, --debug 調試
-b, --build [dir] 構建
-h, --help display help for command
~~~
*****
> 原文出處:
[博客園-Node.js躬行記](https://www.cnblogs.com/strick/category/1688575.html)
[知乎專欄-Node.js躬行記](https://zhuanlan.zhihu.com/pwnode)
已建立一個微信前端交流群,如要進群,請先加微信號freedom20180706或掃描下面的二維碼,請求中需注明“看云加群”,在通過請求后就會把你拉進來。還搜集整理了一套[面試資料](https://github.com/pwstrick/daily),歡迎瀏覽。

推薦一款前端監控腳本:[shin-monitor](https://github.com/pwstrick/shin-monitor),不僅能監控前端的錯誤、通信、打印等行為,還能計算各類性能參數,包括 FMP、LCP、FP 等。
- ES6
- 1、let和const
- 2、擴展運算符和剩余參數
- 3、解構
- 4、模板字面量
- 5、對象字面量的擴展
- 6、Symbol
- 7、代碼模塊化
- 8、數字
- 9、字符串
- 10、正則表達式
- 11、對象
- 12、數組
- 13、類型化數組
- 14、函數
- 15、箭頭函數和尾調用優化
- 16、Set
- 17、Map
- 18、迭代器
- 19、生成器
- 20、類
- 21、類的繼承
- 22、Promise
- 23、Promise的靜態方法和應用
- 24、代理和反射
- HTML
- 1、SVG
- 2、WebRTC基礎實踐
- 3、WebRTC視頻通話
- 4、Web音視頻基礎
- CSS進階
- 1、CSS基礎拾遺
- 2、偽類和偽元素
- 3、CSS屬性拾遺
- 4、浮動形狀
- 5、漸變
- 6、濾鏡
- 7、合成
- 8、裁剪和遮罩
- 9、網格布局
- 10、CSS方法論
- 11、管理后臺響應式改造
- React
- 1、函數式編程
- 2、JSX
- 3、組件
- 4、生命周期
- 5、React和DOM
- 6、事件
- 7、表單
- 8、樣式
- 9、組件通信
- 10、高階組件
- 11、Redux基礎
- 12、Redux中間件
- 13、React Router
- 14、測試框架
- 15、React Hooks
- 16、React源碼分析
- 利器
- 1、npm
- 2、Babel
- 3、webpack基礎
- 4、webpack進階
- 5、Git
- 6、Fiddler
- 7、自制腳手架
- 8、VSCode插件研發
- 9、WebView中的頁面調試方法
- Vue.js
- 1、數據綁定
- 2、指令
- 3、樣式和表單
- 4、組件
- 5、組件通信
- 6、內容分發
- 7、渲染函數和JSX
- 8、Vue Router
- 9、Vuex
- TypeScript
- 1、數據類型
- 2、接口
- 3、類
- 4、泛型
- 5、類型兼容性
- 6、高級類型
- 7、命名空間
- 8、裝飾器
- Node.js
- 1、Buffer、流和EventEmitter
- 2、文件系統和網絡
- 3、命令行工具
- 4、自建前端監控系統
- 5、定時任務的調試
- 6、自制短鏈系統
- 7、定時任務的進化史
- 8、通用接口
- 9、微前端實踐
- 10、接口日志查詢
- 11、E2E測試
- 12、BFF
- 13、MySQL歸檔
- 14、壓力測試
- 15、活動規則引擎
- 16、活動配置化
- 17、UmiJS版本升級
- 18、半吊子的可視化搭建系統
- 19、KOA源碼分析(上)
- 20、KOA源碼分析(下)
- 21、花10分鐘入門Node.js
- 22、Node環境升級日志
- 23、Worker threads
- 24、低代碼
- 25、Web自動化測試
- 26、接口攔截和頁面回放實驗
- 27、接口管理
- 28、Cypress自動化測試實踐
- 29、基于Electron的開播助手
- Node.js精進
- 1、模塊化
- 2、異步編程
- 3、流
- 4、事件觸發器
- 5、HTTP
- 6、文件
- 7、日志
- 8、錯誤處理
- 9、性能監控(上)
- 10、性能監控(下)
- 11、Socket.IO
- 12、ElasticSearch
- 監控系統
- 1、SDK
- 2、存儲和分析
- 3、性能監控
- 4、內存泄漏
- 5、小程序
- 6、較長的白屏時間
- 7、頁面奔潰
- 8、shin-monitor源碼分析
- 前端性能精進
- 1、優化方法論之測量
- 2、優化方法論之分析
- 3、瀏覽器之圖像
- 4、瀏覽器之呈現
- 5、瀏覽器之JavaScript
- 6、網絡
- 7、構建
- 前端體驗優化
- 1、概述
- 2、基建
- 3、后端
- 4、數據
- 5、后臺
- Web優化
- 1、CSS優化
- 2、JavaScript優化
- 3、圖像和網絡
- 4、用戶體驗和工具
- 5、網站優化
- 6、優化閉環實踐
- 數據結構與算法
- 1、鏈表
- 2、棧、隊列、散列表和位運算
- 3、二叉樹
- 4、二分查找
- 5、回溯算法
- 6、貪心算法
- 7、分治算法
- 8、動態規劃
- 程序員之路
- 大學
- 2011年
- 2012年
- 2013年
- 2014年
- 項目反思
- 前端基礎學習分享
- 2015年
- 再一次項目反思
- 然并卵
- PC網站CSS分享
- 2016年
- 制造自己的榫卯
- PrimusUI
- 2017年
- 工匠精神
- 2018年
- 2019年
- 前端學習之路分享
- 2020年
- 2021年
- 2022年
- 2023年
- 2024年
- 日志
- 2020