NPM 基本常用指令 – 版本查詢、安裝、更新、移除

NPM 是目前網站開發中，最常用到的工具之一，最常用的莫過於尋找、安裝、更新網站所使用的套件，對於初步碰網站的新手們，在使用第三方套件時，也常常能看到安裝選項除了下載，也都會提供 NPM 的安裝指令，所以了解基本簡單的 NPM 指令，絕對有助於網站開發的順暢度，以下就從 NPM 的安裝到使用做基本介紹。

NPM 基本指令 | 常用指令整理

這邊簡單整理網站開發中，npm 常用指令，以及基本指令與縮寫，有需要可以直接使用。

NPM 指令詳細說明

安裝 NPM | init

如果你還沒使用 or 還沒安裝 NPM ，首先第一步就是先安裝 NPM，如下 :

npm init

使用 npm install 安裝套件

NPM 的安裝指令使用 install，例如你想安裝一個套件，指令如下 :

npm install 套件名稱 專案路徑(可以不打，視同目前所在目錄 or 專案)

如果你希望安裝的位置是全域安裝，那妳可以在後面加上 -g

npm install 套件名稱 -g

install 指令也可以使用縮寫 i ，如下 :

npm i 套件名稱 專案路徑(可以不打，視同目前所在目錄 or 專案)

使用 npm -v 查看套件版本

查看已安裝的套件版本，使用 -v，如下 :

npm 套件名稱 -v

你也可以使用 -v 來查看 NPM本身的版本，如下:

npm -v

使用 npm search 搜尋相關存在套件

要找尋有哪些相關套件可以安裝時，可以使用 search 來進行查找，如下

npm search 套件名稱

也可以使用縮小 s 來替代 search ，如下 :

npm s 套件名稱

例如，假設你需要找尋有關 sass的相關套件，可以輸入 :

npm s sass

查詢結果如下 :

使用 npm update 更新套件

更新指令使用 update，如下

npm update 套件名稱

使用 NPM 移除已安裝套件 | uninstall

移除指令使用的是 uninstall ，其實跟安裝指令很像，就是在前面加上 un，如下:

npm uninstall 套件名稱

如果覺得指令太長，也可以使用簡寫 uni 做替換，如下 :

npm uni 套件名稱

其他常用指令

list 列出清單

如果你想查詢目前專案，npm 有安裝了那些，可以在該目錄下使用 list 來將以安裝清單列出，如下:

npm list

你也可以使用縮寫 ls ，如下:

npm ls

雖然 npm 有提供 list 的指令，可以列出相關安裝的清單，不過實際開發上並不常用到，通常要看網站到底用到了那些，還是會已 package.json檔案為主。

–save 安裝於 dependencies (已發布環境)

npm 安裝指令中有時會看到後面有加上 –save，如下 :

npm install 套件名稱

npm install 套件名稱 --savs

上面兩段安裝指令，其實可以說是相同的，透過 package.json 檔案我們可以看到，上面兩段指令安裝的套件，都會列於， dependencies 中。

–save-dev 安裝於 devDependencies (開發中環境)

npm 安裝指令中，如果你希望只安裝在開發環境中，可以在後面加上 –save-dev，如下 :

npm install 套件名稱 --savs-dev

加上 –save-dev 後，透過 package.json 檔案你會發現，指定安裝的套件列於 devDependencies 中。