極簡NPM指南與常用命令

xiangjun發表於2018-12-26

npm is the package manager for javascript

準備

npm 全稱是 Node Package Manager,是前端開發必備的開發工具之一,也是當前世界上流行的包管理和分發工具,能夠讓開發者輕鬆的下載、安裝、上傳和管理已經安裝的外掛。

值得一提的是,在安裝 NodeJS 時會預設帶有 npm,使用 npm -v 就可以檢視當前使用的版本號,使用 npm -l 展示所有可用的命令資訊。當遇見不懂的命令列時,推薦使用 npm help <term> 檢視詳情,通過這個命令會自動開啟一個瀏覽器視窗顯示命令介紹與引數設定,這點好評。

極簡NPM指南與常用命令
雖然每次安裝 NodeJS 時都會帶上 npm,但是 npm 會更加頻繁的更新,所以通過 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 命令就介紹到這裡了,掌握了這些命令之後就算得上入門了,更多的使用姿勢和技巧可以閱讀官方文件來獲取。

相關文章