使用 npm 和 bower 發佈插件

我在 Github 上看到過一些第三方插件，除了可使用 git clone 以外，它們還可使用 npm 或 bower 進行下載。因而我也嘗試把本身編寫的一個 jQuery 插件發佈到 npm 和 bower，而且效果還不錯。項目源碼請看「jquery.nail」。

首先編寫好的源碼得先打上 tag 版本號，而後 push 到 Github 上。第一個步驟算是完成了。

先說 npm。npm 是 Nodejs 的包管理器，用過 gulp 的都知道不少 gulp 的插件都須要經過 npm 進行安裝，如今也有許多其餘的插件好比 jQuery 在 npm 上都搜獲得。首先得安裝 nodejs 和 npm，這裏不細說了。而後得在 npm 的官網上註冊一個帳號，接着電腦上需添加 npm 帳號，輸入如下命令進行添加：

$ npm addUser

接着再輸入一條命令就能把源碼發佈到 npm 上：

$ npm publish

搞定！很方即是吧，能夠在 npm 官網上看能不能搜索到你剛剛發佈的插件，或者是電腦上直接安裝一下：

$ npm install jquery.nail --save-dev

npm 的發佈已經結束。須要注意的是，若是你在大天朝使用的是淘寶鏡像的話是沒法發佈的，它沒有 addUser 這一條命令，這時需先暫時將 npm 淘寶鏡像清除：

$ npm config delete registry
$ npm config delete disturl

publish 完成以後再將淘寶鏡像添加回來便可：

$ npm config set registry https://registry.npm.taobao.org
$ npm config list

接着是 bower。bower 也是一個包管理器，bower 的安裝參考這篇「bower簡明入門教程」。bower 的發佈需新建一個 bower.json 文件，內容的填寫跟 package.json 很類似，接着註冊項目便可：

$ bower register jquery.nail https://github.com/cobish/jquery.nail

bower register 後面的兩個參數分別是項目名和 Github 的項目地址。註冊完成若是沒有相同的項目名就會發布成功，這時也能夠嘗試在本地上進行安裝：

$ bower install jquery.nail --save-dev

安裝完成，完美！到此發現，實際上 npm 和 bower 的發佈都異常的簡單，總共加起來才三條命令，趕忙試試吧。