npm 安裝指令差異
前言
基本上這一篇算是做一下筆記整理,避免自己哪天金魚腦忘記,雖然很常打就是了
基礎指令
基本上我在另一篇教學系列已經講了差不多了,但是這邊特別拉出來獨立做筆記紀錄。
查看 npm 版本
1 | npm -v |
npm 初始化指令
1 | npm init |
npm 初始化指令 (全部載入預設,不用輸入資料)
1 | npm init -y |
全域安裝
(這邊用 gulp 做範例)
1 | npm install gulp -g |
全域安裝的意思就是安裝在自己的電腦上,而不是專案資料夾,如果這個套件只是自己開發用,例如 ESlint,那就可以只安裝在自己電腦上,但是建議以文檔說明為準
專案安裝
1 | npm install gulp --save |
--save
意旨安裝在專案目錄下,但是必須要先做 npm init
初始化,加入 --save
之後就可以將套件相關資訊安裝進 package.json 中。
套件資訊將會寫入至 package.json 的 “dependencies” 欄位。
專案開發環境安裝
1 | npm install gulp --save-dev |
意旨這個套件只會在開發模式下運作,生產環境下並不會有,如果不確定的話建議使用 --save
即可。
套件資訊會被寫入至 package.json 的 “devDependencies” 欄位。
還原套件
1 | npm install |
當接手它人系統時,可以透過輸入 npm install
還原開發環境
顯示已套件列表
1 | npm list |
可以顯示當前專案已經安裝了那些套件的指令
移除套件
1 | npm uninstall [套件名稱] |
假設我要移除 gulp 套件,也就是 npm uninstall gulp
移除全域套件
1 | npm uninstall [套件名稱] -g |
假設我要移除 gulp 套件,也就是 npm uninstall gulp -g
補充
這邊順便記錄一下 npm -g 全域安裝檔案的路徑
Window
※ 通常 AppData 資料夾是預設隱藏的C:\Users\[使用者名稱]\AppData\Roaming\npm\node_modules
Mac/usr/local/lib/node_modules