紀錄工作經驗、相關知識,解決技術相關問題。

NPM

NPM 基本常用指令|新手篇

npm

npm

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

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

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

NPM 指令一般寫法縮寫
安裝npm install 套件名稱npm i 套件名稱
移除npm uninstall 套件名稱npm uni 套件名稱
搜尋npm search 套件名稱npm s 套件名稱
清單npm listnpm ls
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

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

npm search 套件名稱

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

npm s 套件名稱

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

npm s sass

查詢結果如下 :

npm search 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 中。

2 留言

  1. i love this flawless post

  2. A person essentially lend a hand to make significantly articles I might state. Agatha Ilario Gorlicki

發表迴響