npm 安裝指令差異

前言

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

基礎指令

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

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

0%