包管理工具 -- npm · 前端工程化學習筆記

[toc] >[success] # npm 1. npm 全稱'**node package managemen**t'，是**nodejs內置的軟件包管理器**。雖然它起初是作為**下載和管理 Node.js 包依賴的方式**，但其現在也已成為前端 JavaScript 中使用的工具。 >[danger] ##### 為什么會出現包管理工具 1. 很多語言都有這種**包管理工具**，**Python的pip，Java的Maven一樣的作用**，包管理，最初的時候Node.js 是一個在德國工作的美國程序員 Ryan Dahl 寫的。他寫了 Node.js，但是 Node.js 缺少一個包管理器，于是他和 npm 的作者（Isaaz）一拍即合、抱團取暖，**最終 Node.js 內置了 npm** >[danger] ##### npm 能做什么 1. 允許用戶從 npm 服務器**下載別人編寫的第三方包到本地使用**。 2. 允許用戶從 npm 服務器**下載并安裝別人編寫的命令行程序到本地使用**。 3. 允許用戶將自己**編寫的包或命令行程序上傳到 npm 服務器供別人使用**。 * npm 的背后，**是基于 couchdb 的一個數據庫**，詳細記錄了每個包的信息，包括**作者、版本、依賴、授權信息等**。它的一個很重要的作用就是：將開發者從繁瑣的包管理工作（版本、依賴等）中解放出來，更加專注于功能的開發。 >[danger] ##### npm 構成 1. npm 由**三個獨立的部分組成**： 1.1. '**網站**' -- https://www.npmjs.com/，使用該網站發現軟件包，設置配置文件以及管理npm體驗的其他方面。例如，可以設置組織（組織）來管理對公共或私有軟件包的問。 1.2. '**注冊表**'（registry）-- https://www.npmjs.com/signup，該注冊表是JavaScript軟件及其周圍的元信息的大型公共數據庫（注冊賬號后在npm網站自行發布npm包） 1.3. '**命令行工具**' (CLI) -- 開發者運行npm命令的工具，可以理解成通過命令行或終端運行。開發者通過 CLI 與 npm 打交道。 >[danger] ##### npm-cli ~~~ 1.三個構成部分中對npm-cli 是日常開發中接觸最多，例如'npm install'、'npm ls'等，那是如何執行這部分指令的呢？ 1.1.首先需要找到'node' 的安裝位置，windows 可以在cmd 輸入'where node',找的效果如圖'node 目錄' 1.2.在'node' 目錄下如果你是windows用戶可以查看'npm.cmd' 文件，里面內容如圖'腳本代碼' ,通過這段腳本可以發現當在控制臺輸入'npm'的時候實際執行的命令為 'node \node_modules\npm\bin\npm-cli.js' 1.3.找到' \node_modules\npm\bin\npm-cli.js' 文件后如圖'npm-cli.js' 打開'npm/bin/npm-cli.js'主要看下圖這段代碼，發現一段'npm.commands'變量調用，可以發現這個變量定義其中'npm' 這個變量是通過 "var npm = require('../lib/npm.js')" 引入的找到 '/lib/npm.js' 文件找到變量'commands' 這個指令集合往上推大概在'node_modules\npm\lib' 文件下找到對應指令的js 文件，就可以發現如圖'對應指令' 總結：'所以到目前為止，我們可以知道當在命令行輸入npm時，其實是在node環境中，執行了一段npm-cli.js代碼', 我們輸入類似'npm ci' 這種指令的時候在'npm-cli.js' 執行了一個變量'npm.commands'的調用 ~~~ * node 目錄 ![](https://img.kancloud.cn/f8/45/f84569d9a196006cfb9da3485c84d18d_295x509.png) * 腳本代碼 ![](https://img.kancloud.cn/47/7e/477e1cb7ae1bd58348560871a2454041_823x483.png) * npm-cli.js ![](https://img.kancloud.cn/ef/ef/efef145c60b8413a614bc5b618445b5d_900x475.png) * 對應指令 ![](https://img.kancloud.cn/8d/b4/8db4e7f805846c3dd3e2d1c3bad7f380_259x565.png) >[danger] ##### 安裝 ~~~ 1.npm 不需要單獨安裝。在安裝 Node 的時候，會連帶一起安裝 npm ~~~ * 或者 npm install npm -g ~~~ 1. 為什么可以自己安裝自己？ npm 本身與 Node 的其他模塊沒有區別，他也僅僅是一個一個在node環境運行的js ~~~ >[danger] ##### 更新 ~~~ 1.npm install npm@latest -g -- 這將安裝最新的官方測試版 npm。 2.npm install npm@next -g -- 要安裝將來發布的版本 ~~~ >[info] ## 參考文章 [npm基本用法及原理(10000+) - 漫漫字節|漫漫編程 (mmbyte.com)](https://www.mmbyte.com/article/185966.html) [Vue筆記——npm詳細教程 - 簡書 (jianshu.com)](https://www.jianshu.com/p/dee4a84e5961)