還在手動下載 jQuery、Underscore 等前端庫？Bower 讓你用指令一鍵安裝、更新、管理前端相依套件，並支援版本鎖定、多專案共用，是現代前端工作流的基石工具之一（雖已停止維護，但許多舊專案仍在使用）。

環境準備

• Node.js：含 npm，官網下載 安裝
• msysGit (Windows)：提供 Git 指令列環境，安裝時勾選 「Use Git from the Windows Command Prompt」 與 「Checkout Windows-style, commit Unix-style line endings」

核心操作流程

1. 全域安裝 Bower：以管理員身分開啟 CMD/PowerShell，執行 npm install -g bower
2. 專案初始化：進入專案資料夾，執行 bower init，一路 Enter 使用預設值，生成 bower.json
3. 安裝套件：bower install jquery underscore --save（--save 會寫入 bower.json 的 dependencies）
4. 自訂安裝目錄：專案根目錄建立 .bowerrc 檔案，內容：{"directory": "app/vendor"}，後續安裝將輸出至 app/vendor/
5. 重新安裝/同步：刪除 vendor 資料夾後，執行 bower install 依 bower.json 自動恢復所有套件
6. 新增套件並鎖定版本：bower install --save handlebars，查看 bower.json 確認 dependencies 已新增

常用指令速查表

指令	說明
bower search <關鍵字>	搜尋可用套件
bower info <套件名>	查看套件版本、相依資訊
bower list	列出專案已安裝套件樹
bower update <套件名>	更新指定套件至最新相容版本
bower uninstall <套件名>	移除套件並從 bower.json 移除
bower cache clean	清理本地快取

遷移建議

Bower 官方已宣布停止維護（2017），新專案建議改用 npm/yarn + Webpack/Vite 或 pnpm 管理前端相依，並透過 import / require 引入模組。舊專案維護可繼續使用 Bower，但需注意安全性補丁不再更新。

掌握 Bower 基礎操作，不只能維護舊專案，更能理解前端套件管理的核心概念：宣告式相依、版本鎖定、可重現建構，為遷移現代工具鋪路。