NPM 使用技巧 10 選：提升前端開發效率的實戰指南

1. 內建說明系統

npm help                    # 所有指令概覽
npm help           # 特定指令詳細說明 (如 npm help install)
npm  -h            # 簡短說明

2. 指令自動完成 (Tab 補全)

# Bash
npm completion >> ~/.bashrc
source ~/.bashrc

# Zsh
npm completion >> ~/.zshrc
source ~/.zshrc

# Windows Git Bash / WSL 同用

輸入 npm ins 按 Tab 自動補全為 install。

3. 修復全域套件權限問題 (免 sudo)

mkdir ~/.npm-global
npm config set prefix '~/.npm-global'

# 加入 PATH (bash/zsh)
echo 'export PATH="$HOME/.npm-global/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

# 重新安裝 npm 到使用者目錄
npm install -g npm

4. 持續更新 npm 與重建原生模組

npm -v                      # 查看版本
npm install -g npm          # 更新 npm
npm rebuild                 # Node 主版本升級後重建 C++ 擴充模組

多版本管理建議使用 nvm (Linux/macOS/WSL) 或 nvm-windows。

5. 定義預設 npm init 值

npm init -y                 # 採用所有預設值快速建立 package.json

# 設定個人化預設值
npm config set init.author.name "Your Name"
npm config set init.author.email "you@example.com"
npm config set init.license "MIT"

6. 精準搜尋優質套件

7. 管理已安裝套件

npm ls                      # 完整依賴樹
npm ls --depth=0            # 僅頂層套件
npm home               # 開啟套件首頁
npm repo               # 開啟 GitHub 倉庫
npm docs               # 開啟文檔
npm bugs               # 開啟 Issues 頁面
npm prune                   # 移除 package.json 未聲明的套件 (含 devDependencies 若 NODE_ENV=production)

8. 鎖定依賴版本策略

# 預設 ^ (Caret) 允許次版本更新
# 改為 ~ (Tilde) 僅允許修訂版本更新
npm config set save-prefix "~"

# 嚴格鎖定精確版本
npm config set save-exact true

# 專案層級鎖定 (產生 npm-shrinkwrap.json / package-lock.json)
npm shrinkwrap

9. 偵測過期套件

npm outdated                # 專案過期套件
npm outdated -g             # 全域過期套件
npm list               # 查看特定套件已安裝版本
npm view  versions     # 查看所有歷史版本
npm view               # 套件完整中繼資料

10. 開發中套件本地連結

# 在套件專案根目錄
npm link                    # 建立全域符號連結

# 在消費端專案
npm link          # 連結至本地開發版本

# 或在 package.json 直接指定相對路徑
"dependencies": {
  "my-pkg": "file:../my-pkg"
}

總結

掌握這 10 項 NPM 技巧：說明系統、Tab 補全、權限修復、版本管理、預設值、精準搜尋、套件管理、版本鎖定、過期偵測、本地連結，能讓日常前端開發流程更順暢、專案依賴更可控、團隊協作更高效。

1. 上一篇文章： Java for 迴圈演進：傳統寫法、增強型 for-each 與最佳實務
2. 下一篇文章： Eclipse Ctrl+Alt+Up/Down 無效解決方案：熱鍵衝突排查

Java 相關知識

精通 Grails：打造 RESTful Web 服務——從 GETful 到資源導向架構

本月探討如何讓 Grails 應用程式成為原始資料（XML）

Eclipse 向導機制擴展實戰：動態頁面與樹狀拓撲結構實現

引言：突破固定流程的限制 Eclipse 向導是指導用戶完成

Java IP 轉長整型時遇到 NumberFormatException 異常排查

在將 IP 地址字符串解析為長整型時，拋出 java.lan

團隊協作必讀：ThoughtBot 標準 Git 工作流完整指南

為什麼需要規範的 Git 流程？ 團隊開發中，若缺乏清晰規範