npm 為 Node Package Manager,開發者可以上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)
在實務上會比較常見 ^ 這個符號。
留言列表