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