# JavaScript 技能 : NPM 心得


NPM ( node package manager )

簡單來說,就是透過 npm 來管理別人的 module (模組、模塊),讓全世界的人都可以用!

首先介紹如何自創模組來供自己使用,後面再介紹如何去網站上借助別人的力量。

使用 export 來給別人
要使用 exports 有兩種方法

一、
module.exports 借別人用

  1. 創 JS 檔 ( 例如 : touch myModule.js )
  2. 寫函式
  3. 輸出 module.exports = { 物件名 : 方法名, 物件名2 : 方法名2, ....}
  4. 呼叫 var 變數名 = require('./myModule.js') (路徑檔名)
  5. 現在變數名已被導入你的物件了,使用時只要呼叫即可,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 的模組囉~

來講講實際操作情形 : 有兩種情境

第一、自己規劃自己所想要的 :

  1. 首先到你要導入的資料夾下,下指令npm init 資料夾會多新增package.json的資料夾,它會描述你的所好,每個模組的版本號之類的。
  2. 去 npm 網站找尋喜愛的模組並下載,通常 npm 會有指令教你如何下在到你的電腦上npm install 你愛的模組名,此時會多一個node_modules資料夾,這個是實際抓下來的模組(程式碼)的家,資料夾package.json也會更新,這時就可以使用這些功能了。
    3.如果想要把你的喜好分享給大家,要先把資料夾node_module放到.ignore裡,也就是不要追蹤,為什麼呢? 因為這個資料夾太大,push 上去不切實際,這時package.json就派上用場,只要有這個檔案,npm 就會知道你的模組有什麼,版本資訊等等,然後再去網路上下載到你的電腦就 OK 拉,所以
    4.把node_module放到.ignore
    5.push 你的專案到 github

第二、借助別人的力量 :

  1. 去 github 下載專案,裡面會有package.json
  2. 下指令npm install ,npm 直接根據package.json去網站下載你要的模組。
  3. node_modules放到.ignore裡。
  4. 開心的享用






Related Posts

簡明 APCS 大學程式設計先修檢測入門教學

簡明 APCS 大學程式設計先修檢測入門教學

認識Kubernetes (學習隨筆)

認識Kubernetes (學習隨筆)

Day05_Origami學習筆記

Day05_Origami學習筆記

【Day04】Bootstrap介紹 + 套版

【Day04】Bootstrap介紹 + 套版

系列文介紹

系列文介紹

Day05 從 Hash Anchor 看原生 History API (上)

Day05 從 Hash Anchor 看原生 History API (上)



Comments