npm 安裝指令差異

前言

基本上這一篇算是做一下筆記整理，避免自己哪天金魚腦忘記，雖然很常打就是了

基礎指令

基本上我在另一篇教學系列已經講了差不多了，但是這邊特別拉出來獨立做筆記紀錄。

查看 npm 版本

npm -v

npm 初始化指令

npm init

npm 初始化指令 (全部載入預設，不用輸入資料)

npm init -y

全域安裝

(這邊用 gulp 做範例)

npm install gulp -g

全域安裝的意思就是安裝在自己的電腦上，而不是專案資料夾，如果這個套件只是自己開發用，例如 ESlint，那就可以只安裝在自己電腦上，但是建議以文檔說明為準

專案安裝

npm install gulp --save

--save 意旨安裝在專案目錄下，但是必須要先做 npm init 初始化，加入 --save 之後就可以將套件相關資訊安裝進 package.json 中。

套件資訊將會寫入至 package.json 的 “dependencies” 欄位。

專案開發環境安裝

npm install gulp --save-dev

意旨這個套件只會在開發模式下運作，生產環境下並不會有，如果不確定的話建議使用 --save 即可。

套件資訊會被寫入至 package.json 的 “devDependencies” 欄位。

還原套件

npm install

當接手它人系統時，可以透過輸入 npm install 還原開發環境

顯示已套件列表

npm list

可以顯示當前專案已經安裝了那些套件的指令

移除套件

npm uninstall [套件名稱]

假設我要移除 gulp 套件，也就是 npm uninstall gulp

移除全域套件

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