準備
npm 全稱是 Node Package Manager,是前端開發必備的開發工具之一,也是當前世界上流行的包管理和分發工具,能夠讓開發者輕鬆的下載、安裝、上傳和管理已經安裝的外掛。
值得一提的是,在安裝 NodeJS 時會預設帶有 npm,使用 npm -v
就可以檢視當前使用的版本號,使用 npm -l
展示所有可用的命令資訊。當遇見不懂的命令列時,推薦使用 npm help <term>
檢視詳情,通過這個命令會自動開啟一個瀏覽器視窗顯示命令介紹與引數設定,這點好評。
npm install npm@latest -g
來安裝最新的穩定版本。
專案
安裝好 npm 之後我們就可以新建一個 npm 的專案, 通過 npm init
來初始化 package.json 檔案,之後會有各種選項讓你填寫,包括專案名稱、版本號等等,如果覺得麻煩,可以通過 npm init --yes
自動填寫預設的選項。下面是一些常用的配置項含義:
一個普通標題 | 一個普通標題 |
---|---|
name | 專案名稱,必填項 |
version | 版本號,必填項 |
description | 包的描述,會在 npm search 返回結果中顯示,以幫助使用者選擇合適的包 |
main | 入口檔案 |
script | 設定這個可以使 npm 呼叫命令指令碼 |
keywords | 包的關鍵資訊,是一個字串陣列 |
author | 作者的資訊 |
license | 包的對開源協議名稱 |
repository | 包的倉庫資訊 |
dependencies | 指定依賴的其它包,專案釋出後正常執行時所需要 |
devDependencies | 開發時需要依賴的包 |
建立好專案和初始化之後,就可以愉快的敲程式碼了。
一陣忙碌之後,就可以準備釋出程式碼了,我們用 npm author ls
檢視當前專案的所有所屬使用者,然後使用 npm who am i
檢視當前登入的使用者,如果還沒登入,使用 npm login
登入註冊的 npm 賬號。終於可以釋出程式碼了,敲 npm publish
即可釋出包,使用 npm view <package_name> versions
檢視 npm 伺服器上所有的版本資訊,然後快把你的作品分享給你的小夥伴吧。
安裝
npm 的安裝方式分為全域性和區域性安裝,全域性安裝使用 npm install -g <package_name>
,我們常用的 webpack 就推薦使用全域性安裝的方式。區域性安裝就在目錄下面 install 即可,這裡有兩個需要掌握的引數,就是 --save
和 --save-dev
,前者的作用是在 package.json 中的 dependencies 欄位增加或者修改一個安裝包和版本號,後者則是修改 devDependencies,這樣就方便了很多。推薦使用簡寫 -P 代表 --save
,-D
代表 --save-dev
。
更新
經常更新包到最新版本有助於保持程式碼和工具的穩定性、可用性和安全性。更新 npm 的包是很輕鬆的事情,只需要到專案根目錄下(包含 package.json 檔案),執行 npm update
即可,之後使用 npm outdated
檢視是否還有未更新的包。對於全域性安裝的包,可以敲 npm outdated -g --depth=0
來檢視更新,確定要更新的包,使用 npm update -g <package_name>
就可以更新了。
其他
我們看了這麼多命令列,直觀的感覺就是 npm 的命令非常的簡潔與實用,比如 npm uninstall <package_name>
就是解除安裝對應的包,加個 -g
就是解除安裝全域性中的包,使用 --save
引數解除安裝包和清除 package.json 中的內容。除此之外,npm ls
命令可以用來列出專案中所有安裝的包。基本上常用的 npm 命令就介紹到這裡了,掌握了這些命令之後就算得上入門了,更多的使用姿勢和技巧可以閱讀官方文件來獲取。