NPM ( node package manager )
簡單來說,就是透過 npm 來管理別人的 module (模組、模塊),讓全世界的人都可以用!
首先介紹如何自創模組來供自己使用,後面再介紹如何去網站上借助別人的力量。
使用 export 來給別人
要使用 exports
有兩種方法
一、
module.exports
借別人用
- 創 JS 檔 ( 例如 :
touch myModule.js
) - 寫函式
- 輸出
module.exports = { 物件名 : 方法名, 物件名2 : 方法名2, ....}
- 呼叫
var 變數名 = require('./myModule.js')
(路徑檔名) - 現在
變數名
已被導入你的物件了,使用時只要呼叫即可,meth.double
二、 exports.變數名 = 物件名
例如:
exports.double = double
exports.triple = function triple(n) { return n*3 }
: 呈上例,由於函式double寫在上方,所以會導入上面functio double,當然也可以像第二列這樣直接導入函式。
這時的 exports 是一個物件型態像這樣 :
exports = {
double : double
triple : function triple(n) { return n3 }
}
這也是方法二的缺點,只能為物件型態,因此使用方法一比較推薦。
NPM 使用概念
基本指令 :
npm init
: 也就是初始化,跟 git 一樣,老師說是傳統,哈哈。
npm install
: 就是下載 npm 的模組囉~
來講講實際操作情形 : 有兩種情境
第一、自己規劃自己所想要的 :
- 首先到你要導入的資料夾下,下指令
npm init
資料夾會多新增package.json
的資料夾,它會描述你的所好,每個模組的版本號之類的。 - 去 npm 網站找尋喜愛的模組並下載,通常 npm 會有指令教你如何下在到你的電腦上
npm install 你愛的模組名
,此時會多一個node_modules
資料夾,這個是實際抓下來的模組(程式碼)的家,資料夾package.json
也會更新,這時就可以使用這些功能了。
3.如果想要把你的喜好分享給大家,要先把資料夾node_module
放到.ignore
裡,也就是不要追蹤,為什麼呢? 因為這個資料夾太大,push 上去不切實際,這時package.json
就派上用場,只要有這個檔案,npm 就會知道你的模組有什麼,版本資訊等等,然後再去網路上下載到你的電腦就 OK 拉,所以
4.把node_module
放到.ignore
裡
5.push 你的專案到 github
第二、借助別人的力量 :
- 去 github 下載專案,裡面會有
package.json
檔 - 下指令
npm install
,npm 直接根據package.json
去網站下載你要的模組。 - 把
node_modules
放到.ignore
裡。 - 開心的享用