npm 為 Node Package Manager,開發者可以上npm官網登錄套件供其他開發者使用。

開發者可以使用npm進行專案管理,是開發時不錯的助手。

npm

 

 

npm 終端機/命令提示字元 相關指令

 

確認NPM版本

npm -v

 

更新NPM到最新版本(專案資料夾)

npm install npm@latest

 

更新NPM到最新版本(全域)

npm install npm@latest -g

要更新全域?還是專案資料夾?

如果全域更新,可能會導致部分專案出問題,建議單獨更新專案資料夾比較安全。

 

專案初始化+建立package.json檔案

npm init

 

專案初始化+建立package.json(快速建立default)

npm init -f

 

專案初始化+建立package.json(全部yes)

npm init -y

 

 

安裝套件 ( XXX為套件名稱 )

npm install XXX

 

安裝套件到全域 ( XXX為套件名稱 )

npm install -g XXX

 

安裝指定套件的指定版本 ( XXX為套件名稱、OOO為版本號碼 )

npm install XXX@OOO

 

解除安裝套件 ( XXX為套件名稱 )

npm uninstall XXX

 

更新套件 ( XXX為套件名稱 )

npm update XXX

 

列出全域套件

npm ls -g

 

-g 是什麼

代表全域,只要在指令後方加入-g就會套用到全域。

 

常用套件模組

 

express:建立Web伺服器

ip:查詢ip位置

body-parser : 協助exprss解析表單、json資料

cors : 協助進行跨來源資源共用(cors),在HTTP回應的標頭區加入Access-Control-Allow-Origin聲明

mysql : 連線MySQL 資料庫伺服器存取資料

ejs : 搭配express,是一套UI畫面處理引擎

nodemon:程式寫好存檔後,會自動先停止執行、接著重啟執行,省下自己進入終端機停止、重啟的動作

 

 

用npm 建立專案

 

建立專案資料夾、從終端機快速建立專案

輸入 npm init  就可以開始專案初始化+建立package.json檔案

過程中會詢問相關專案問題,例如:專案名稱、版本、描述、主程式名稱等等。

完成後,會在專案資料夾中建立出package.json檔案

 

用 npm 專案管理

 

使用npm進行專案管理可以從package.json裡面,可以一次看出專案安裝的所有套件、設定等等。

其中比較重要的是script、dependencies兩個屬性的內容


 

package.json內 script 的屬性

 

在package.json內可以找到script的屬性,可以在此自定屬性。

其中start代表是主程式

"script" : {

"start" : "node app.js"

}

主程式執行方式是從終端機輸入 npm start

其他自定義的屬性執行方式是從終端機輸入 npm run XXX

 

package.json內 dependencies 的屬性

 

在 dependencies 裡面會顯示這個專案目前所有已安裝的套件。

 

若拿到專案檔案時,裡面只有package.json的檔案,沒有套件資料夾

可以進入終端機輸入 npm install

就會自動從 package.json 的 dependencies 裡面找出使用的套件並自行安裝

 

套件版本顯示方式

 

在版本前面出現 ^ 的符號代表,在相同的大版本可以相容

例如:

^1.1.2

1.1.5  (O)

1.2.2 (O)

1.5.3 (O)

2.1.1 (X)

在版本前面出現 ~ 的符號代表,在相同的小版本可以相容

例如:

~1.1.2

1.1.5  (O)

1.2.2 (X)

1.5.3 (X)

2.1.1 (X)

 

在實務上會比較常見 ^ 這個符號。

 

 

 

 


arrow
arrow
    文章標籤
    node.js npm
    全站熱搜
    創作者介紹
    創作者 司馬宏達 的頭像
    司馬宏達

    司馬宏達 ll 旅嚼放題

    司馬宏達 發表在 痞客邦 留言(0) 人氣()