Bower – 安裝與發佈封包 (windows)

2015-11-03 / JSN / 1 Comment / 589 次瀏覽

安裝 bower 須要先安裝 node.js、npm (安裝 node.js 會內建了) 與 git (官方說明)。

安裝 Git 的時候要注意這個選項：參考

透過指令單獨安裝

例如要下載 jQuery，那就進入你的專案以後，打上

c:\你的專案> bower install jquery

下載下來會存在 Bower 的預設路徑 bower_components/jquery

如果要自訂路徑，就在你的專案建立一個 『.bowerrc』檔案，貼上官方提供的設定範例。

{
  "directory": "app/components/",
  "analytics": false,
  "timeout": 120000,
  "registry": {
    "search": [
      "http://localhost:8000", // 如果你本機沒有 8000 port 開放，就刪掉這行
      "https://bower.herokuapp.com"
    ]
  }
}

如果需要更詳細的設定，可參考官方提供。基本上我只需要 directory 參數即可。所以只留下 directory 就好囉。

一次下載所有需要的套件

根目錄建立 bower.json 

{
    "name": "jsn",
    "version": "1.0.0",
    "dependencies": {
        "jquery": "2.1.4",
        "susy": null,
        "compass-mixins": null
    }
}

dependencies 指定需要的套件名稱與版本名稱，最後打上指令讓 Bower 全部下載

bower install

發佈封包

如果你有寫好的軟件，想要發佈供人下載，參考官網。在你的專案中打上

bower init

Bower 會使用問題方式，在你的專案跟目錄替你建立 Bower.json。相關參數參考這裡

註冊封包名稱

註冊你的封包名稱到 Bower，這樣當別人打上

bower install 你的封包

才能自動下載。所以我們打上

bower register <my-package-name> <git-endpoint>

• <my-package-name> 替換成你的封包名稱
• 你的 GitHub 載點

最後輕輕按下 Enter 就可以囉！成功後會出現下面這張訊息。

你可以打上這段來檢視

bower info 你的封包名稱

當然如果你打錯什麼，要註銷在 Bower 的名稱，那就再參考 官方說明 囉！