一、NPM包管理器

1、簡(jiǎn)介

什么是NPM
NPM全稱Node Package Manager，是Node.js包管理工具，是全球最大的模塊生態(tài)系統(tǒng)，里面所有的模塊都是開源免費(fèi)的；也是Node.js的包管理工具，相當(dāng)于前端的Maven 。

2、安裝NPM

NPM不需要單獨(dú)安裝，安裝完成node.js之后會(huì)自動(dòng)安裝上NPM
安裝node.js詳解：鏈接: https://blog.csdn.net/qq_43102730/article/details/127258790?spm=1001.2014.3001.5501

查看是否安裝成功

#在命令提示符輸入 npm -v 可查看當(dāng)前npm版本
npm -v

3、使用npm管理項(xiàng)目

創(chuàng)建npm_pro文件夾

3.1項(xiàng)目初始化

#建立一個(gè)空文件夾，在命令提示符進(jìn)入該文件夾  執(zhí)行命令初始化
npm init
#按照提示輸入相關(guān)信息，如果是用默認(rèn)值則直接回車即可。
#name: 項(xiàng)目名稱
#version: 項(xiàng)目版本號(hào)
#description: 項(xiàng)目描述
#keywords: {Array}關(guān)鍵詞，便于用戶搜索到我們的項(xiàng)目
#最后會(huì)生成package.json文件，這個(gè)是包的配置文件，相當(dāng)于maven的pom.xml
#我們之后也可以根據(jù)需要進(jìn)行修改。
#如果想直接生成 package.json 文件，那么可以使用命令
npm init -y

3.2修改npm鏡像

NPM官方的管理的包都是從 http://npmjs.com下載的，但是這個(gè)網(wǎng)站在國內(nèi)速度很慢。
這里推薦使用淘寶 NPM 鏡像 http://npm.taobao.org/ ，淘寶 NPM 鏡像是一個(gè)完整 npmjs.com 鏡像，同步頻率目前為 10分鐘一次，以保證盡量與官方服務(wù)同步。
設(shè)置鏡像地址：

#經(jīng)過下面的配置，以后所有的 npm install 都會(huì)經(jīng)過淘寶的鏡像地址下載
npm config set registry https://registry.npm.taobao.org 
#查看npm配置信息
npm config list

3.3 npm install命令的使用

基本命令

#使用 npm install 安裝依賴包的最新版，
#模塊安裝的位置：項(xiàng)目目錄\node_modules
#同時(shí)package.json 文件中，依賴包會(huì)被添加到dependencies節(jié)點(diǎn)下，類似maven中的 <dependencies>
#默認(rèn)參數(shù)：--save  簡(jiǎn)寫  -S  將當(dāng)前依賴保存在dependencies節(jié)點(diǎn)下
npm install jquery

下載特定版本的依賴

#如果安裝時(shí)想指定特定的版本
npm install jquery@2.1.x

下載開發(fā)依賴

#devDependencies節(jié)點(diǎn)：開發(fā)時(shí)的依賴包，項(xiàng)目打包到生產(chǎn)環(huán)境的時(shí)候不包含的依賴
#使用 -D參數(shù)將依賴添加到devDependencies節(jié)點(diǎn)
npm install --save-dev eslint
#或簡(jiǎn)寫
npm i -D eslint

下載全局依賴

#全局安裝
#Node.js全局安裝的npm包和工具的位置：用戶目錄\AppData\Roaming\npm\node_modules
#一些命令行工具常使用全局安裝的方式
npm install --global webpack
#或簡(jiǎn)寫
npm install -g webpack

根據(jù)依賴下載安裝包

#npm管理的項(xiàng)目在備份和傳輸?shù)臅r(shí)候一般不攜帶node_modules文件夾
#安裝會(huì)自動(dòng)在項(xiàng)目目錄下添加 package-lock.json文件，這個(gè)文件幫助鎖定安裝包的版本
npm install #根據(jù)package.json中的配置下載依賴，初始化項(xiàng)目

3.4其它命令

#更新包（更新到最新版本）
npm update 包名
#全局更新
npm update -g 包名
#卸載包
npm uninstall 包名
#全局卸載
npm uninstall -g 包名