npm命令完整使用指南

前言

在我們的工作中,npm是我們會經常使用到的工具,比如我們在App自動化測試中使用到的appium,就是通過npm命令來安裝的。但是有許多人表示,自己並不清楚npm命令的使用,本文就給大家介紹一下npm命令的使用。

安裝配置

在我們安裝配置好node.js之後,npm也是配置好的,無需我們再進行安裝,我們可以在命令行中輸入npm -v,如果能夠如下圖那樣輸出版本號,即表示我們安裝成功。

如果我們要更新npm,命令如下:

npm install npm -g

鏡像源配置

一般情況下,我們都會修改npm的鏡像源,比如修改成淘寶源,或者是指定的某個源,那我們就需要配置一下鏡像源了。

  • 查詢當前鏡像源
npm get registry 
  • 設置爲淘寶鏡像(推薦)
npm config set registry http://registry.npm.taobao.org/
  • 設置回默認的官方鏡像
npm config set registry https://registry.npmjs.org/

初始化配置文件

  • 通常一個項目中會使用到很多的包、庫、模塊、插件等等,這樣使得node_modules這個文件夾會很大,如果要上線了或者要放到別的地方運行,直接將這個文件夾複製的話,會很大不方便。

  • 解決這個問題,可以使package.json。在這個文件中可以將項目依賴的包的信息,寫進去,以後別人拿到這個文件就能知道,這個項目下載了哪些依賴的包。

  • 簡單的來說就是,上傳項目時,不要把node_modules上傳上去,而是根據上傳的package.json重新下載一遍所需要的包。

  • package.json:用來存儲項目下載的模塊信息

package.json

  1. 創建package.json文件
# 需要根據提示手動輸入項目的信息
npm init

# 使用默認值創建,不用根據提示手動輸入項目的信息,但是當前文件夾名不能是中文
npm init -y
  1. 寫入模塊和依賴

將所需要的模塊和依賴都被寫入package.json文件中的dependencies對象,配置安裝所有的依賴包,比如要安裝react插件,直接寫在裏面就行前面是模塊名,後面是版本號,按對象格式書寫,最後一鍵安裝所有依賴:npm install,簡寫就是:npm i
如下圖:

下載模塊

下載包時,會自動創建node_modulespackage.json文件,但是我們也可以先創建和配置好所要下載的包,然後別人拿到這個文件,只需要執行npm i命令,就可以將項目依賴的包,都一鍵下載下來,如下所示:

{
  "name": "03-npm",  //描述了包的名字,不能有中文
  "version": "1.0.0",  //描述了包的的版本信息, x.y.z  如果只是修復bug,需要更新Z位。如果是新增了功能,但是向下兼容,需要更新Y位。如果有大變動,向下不兼容,需要更新X位。
  "description": "", //包的描述信息
  "main": "index.js", //入口文件(模塊化加載規則的時候詳細的講)
  "scripts": {  //配置一些腳本,在vue的時候會用到,現在體會不到
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],  //關鍵字(方便搜索)
  "author": "",  //作者的信息
  "license": "ISC",  //許可證,開源協議
  "dependencies": {   //重要,項目的依賴, 方便代碼的共享  通過 npm install可以直接安裝所有的依賴項
    "bootstrap": "^3.3.7",
    "jquery": "^3.3.1"
  }
}

下載命令

下載安裝模塊,我們可以選擇本地安裝,也可以選擇全局安裝,下面是兩種安裝的命令:

  1. 本地安裝:將安裝包放在 ./node_modules
# 只能在當前文件夾使用
npm install 模塊名稱
# 簡寫:
npm i 模塊名稱
# 示例:
npm install antd
  1. 全局安裝:將安裝包放在 /usr/local 下或者 node的安裝目錄
# 可以在任意文件夾使用
npm install --global 模塊名稱
# 簡寫:
npm i -g 模塊名稱
# 示例:
npm install --global antd
  1. 下載指定版本:(npm 默認下載的是最新版本)
# 下載指定的版本
npm i 模塊名稱@版本
# 示例:
npm install [email protected]
  1. 下載多個包
# 可以同時下載多個包,多個包名中間用空格隔開
npm i  bootstrap jquery appium
  1. 指定源安裝包
# 安裝所有包
npm install --registry=https://registry.npm.taobao.org

# 安裝單個包
npm install -g cnpm --registry=https://registry.npm.taobao.org

清理緩存

有的時候,有些包下載到一半,因爲各種原因失敗了(比如突然沒有網了),那麼這個下載了一半的包 有可能 會被緩存下來,那麼以後你再次下載的時候,就都是失敗的狀態,那麼我們就要清除掉緩存以後,再重新下載,或者在執行完命令再刪除緩存文件夾。

# 清理緩存
npm cache verify
# 強制清理(簡寫:npm cache clean -f)
npm cache clean --force

總結

本文主要介紹了npm命令的使用,包括我們再各種情況下,該如何設置鏡像源以及清除緩存的方法,希望本文可以幫到大家。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章