今天來了解一下 npm 的基礎，這樣后面無論學習前端框架 react 還是后端技術 node.js 都更方便。
npm 全稱 Node Package Manager，它是 JavaScript 的包管理工具和包倉庫。
同時它也是 Node.js 的默認包管理器。
npm 廣泛用于管理項目中的依賴關系和共享代碼。
npm 的發(fā)展歷史
npm 由 Isaac Z. Schlueter 于 2010 年創(chuàng)建，旨在解決 Node.js 項目中依賴管理的問題。
npm 的發(fā)展經(jīng)歷了如下過程：
2010 年：npm 首次發(fā)布，迅速成為 Node.js 開發(fā)者管理依賴的標準工具。
2014 年：npm, Inc.成立，專注于維護和發(fā)展 npm 生態(tài)系統(tǒng)。
2015 年：npm 3 發(fā)布，帶來了更快的安裝速度和更好的依賴管理。
2016 年：npm 4 發(fā)布，進一步優(yōu)化了性能和用戶體驗。
2017 年：npm 5 發(fā)布，引入了鎖文件（package-lock.json），確保依賴安裝的一致性。
2018 年：npm 6 發(fā)布，增強了安全性，增加了自動審計功能。
2020 年：npm 7 發(fā)布，帶來了工作空間（workspaces）功能，支持在單個項目中管理多個包。
npm 的用途
npm 的主要用途包括：
包管理：npm 允許開發(fā)者輕松地安裝、更新和卸載項目中的依賴包。
版本控制：npm 支持語義版本控制（SemVer），幫助開發(fā)者確保項目依賴的包版本兼容，避免因版本沖突導致的問題。
腳本運行：npm 可以用來定義和運行項目中的腳本任務，如構建、測試和部署等。通過package.json文件中的scripts字段，開發(fā)者可以方便地管理這些任務。
包發(fā)布：開發(fā)者可以通過 npm 將自己的代碼包發(fā)布到 npm 倉庫，供其他開發(fā)者下載和使用。
npm 的安裝和使用
前面說了 npm 是 node.js 的默認包管理工具，在 node.js 安裝包中，自帶了 npm。
通過我們直接安裝 node.js 來使用 npm。
下載 nodejs 安裝包
訪問node.js，根據(jù)自己的需要選擇不同的語言，然后下載安裝包。
本地安裝
雙擊 node-v22.11.0-x64.msi 安裝文件。
然后按照安裝步驟一步一步繼續(xù)就好了。
這樣安裝就結束了。
檢查安裝是否成功
從開始菜單搜索并打開 node.js 命令行。
然后使用 node -v 查看版本號
這樣說明安裝就成功了。
npm 常見命令
安裝包：npm install <package-name> 或 npm i <package-name>
卸載包：npm uninstall <package-name> 或 npm un <package-name>
更新包：npm update <package-name>
初始化項目：npm init，生成package.json文件
運行腳本：npm run <script-name>
全局安裝與本地安裝
npm 的包安裝分為本地安裝（local）、全局安裝（global）兩種，由參數(shù) -g 決定。
本地安裝將包安裝到當前項目 node_modules 目錄，并將信息保存到 package.json 的 dependencies 中。
npm install express # 本地安裝
全局安裝用于安裝命令行工具或需要在多個項目中使用的包。
npm install express -g # 全局安裝
配置文件
npm init生成的 package.json 文件為 json 格式。
它定義了這個項目所依賴的各種包，以及項目的配置信息（比如名稱、版本、依賴等元數(shù)據(jù)）。
一個完整的 package.json 文件如下：
{ "name": "npmLearning", "version": "1.0.0", "description": "npm 教程", "main": "./index.js", "dependencies": { "react": "^15.4.1", "react-dom": "^15.4.1" }, "devDependencies": { "webpack-dev-server": "^1.16.2" }, "scripts": { "start": "node index.js" }, "repository": { "type": "git", "url": "git+https://github.com/xxx/xxx.git" }, "author": "victor", "license": "Apache-2.0", "bugs": { "url": "https://github.com/xxx/xxx/issues" }, "homepage": "https://github.com/xxx/xxx#readme" }
npm 鏡像
在國內(nèi)使用 npm 速度慢，一般都使用國內(nèi)的鏡像。
推薦淘寶 npm 鏡像。
它是一個完整 npmjs.org 鏡像，可以用此代替官方版本(只讀)，同步頻率目前為 10 分鐘 一次以保證盡量與官方服務同步。
該文章在 2024/11/26 9:33:02 編輯過
400 186 1886
