什么是NPM和NPM的使用

快速使用

npm命令
序号	命令	说明
1	npm init	初始化项目（按照提示一步步输入相关信息，如果用默认值直接回车下一步即可，最后生成package.json 文件）
2	npm init -y	初始化项目（跳过所有询问输入环节，直接生成 package.json 文件）
3	npm config list	查看npm配置信息
4	npm config set registry 地址	设置依赖包来源地址（如设置淘宝镜像地址npm config set registry https://registry.npm.taobao.org ）
5	npm install 包名	安装依赖包（例如下载jquery包：npm install jquery，如果没有指定版本则默认下载最新版本。如果需要指定版本：npm install jquery@2.1.1，或npm install jquery@2.1.x）
6	npm update 包名	更新包，更新到最新版本（npm update jquery）
7	npm update -g 包名	全局更新（npm update -g jquery）
8	npm uninstall 包名	卸载包
9	npm uninstall -g 包名	全局卸载

具体使用

一、NPM是什么

 1、什么是NPM

NPM（Node Package Manager），Node.js包管理工具（类似于后端Maven的作用）。

2、安装node.js

只要安装了node.js也就有了npm，快速安装Node.js：

Node.js安装和快速使用指南

 3、查验是否安装npm

在安装了node.js的前提下，打开命令行（Win+R输入cmd），输入 npm -v，会出现npm的版本号

二、NPM的使用

        下面是关于如何使用npm管理项目，使用的工具是VScode：

VSCodeUserSetup下载安装和快速使用

1、项目初始化

使用命令

# 项目初始化（需要一步步填写信息）
npm init

# 项目初始化（快捷）
npm init -y

【示例】

（1）在VScode新建一个空文件夹“helloNpm”，然后在终端打开

        

（2）在终端， 执行命令初始化“npm init”，然后按照提示输入相关的信息（如果默认，回车即可），完成项目初始化

#初始化项目，如果默认值回车即可
npm init

（3）填写完初始化信息后，会生成应该package.json的文件，没有问题的话“y”确认即可 

（4） 完成项目初始化后会生成一个package.json配置文件（这个配置文件相当于Maven的pom.xml），后期开发中也是可以更改的

 

（5）当然，如果想省略上面多次询问，也可以使用快捷的初始化方式：

        在新建好一个空文件夹后，直接执行“npm init -y”，直接默认值，一键生成package.json配置文件完成项目初始化

#直接初始化项目，生成 package.json 文件
npm init -y

 注：“npm init -y”这也是我们实际开发中常用的方式

2、npm镜像配置

（1）为什么要做npm的镜像配置？

        因为在国内，连接国外的npm官方管理包地址，下载速度会很慢。所以目前我们一般的做法是配置淘宝的npm镜像。

npm官方的管理包网址：http://npmjs.com

淘宝的npm镜像：http://npm.taobao.org/ 

（2）如何配置？

# 配置下载地址（镜像）
npm config set registry 地址

【示例】

        1）命令“npm config list”查看配置信息，可以看到原本是国外的地址

#查看npm配置信息
npm config list

        2）配置国内镜像：设置淘宝npm镜像地址

npm config set registry https://registry.npm.taobao.org 

注：经过上面的配置，以后所有的 npm install 都会经过淘宝的镜像地址下载

        3）完成设置后，使用命令“npm config list”查看配置信息，已经设置成国内地址

3、npm安装依赖

（1）安装依赖包（默认安装最新版）

#安装依赖包的最新版
npm install 包名

如果没有指定版本，按最新版本下载

【示例】

安装jQuery的依赖包

 安装完成后可以在package.json中看到，类似Maven的依赖管理：

（2）安装依赖包（指定版本）

npm install 包名@版本

【示例】

npm install jquery@2.x	安装jquery版本为2系列的最新版本
npm install jquery@2.1.x	安装jquery版本为2.1系列的最新版本

（3）安装依赖包（开发环境）

安装的依赖包只在开发环境中使用，项目打包到生产环境的时候不包含的依赖

npm install --save-dev 包名

#简写 
npm i -D 包名

【示例】
执行：npm install --save-dev eslint

这里依赖在devDependencies节点

（4）安装依赖包（全局安装）

Node.js全局安装的npm包和工具的位置：用户目录\AppData\Roaming\npm\node_modules

npm install --global 包名
#或简写
npm install -g 包名

【示例】
全局安装适用于一些常用工具常，如打包压缩常用的webpack
执行命令：npm install --global webpack

Node.js全局安装的npm包和工具的位置：用户目录\AppData\Roaming\npm\node_modules

（5）项目依赖还原

1）node_modules仓库占的体积比较大，在实际的项目开发中，一般不会把它上传到git，哪怕是平时把项目通过微信，QQ等发给同事，我都会选择先删掉node_modules再把项目压缩发送

2）所以我们一般刚刚获得的项目都是这样的

 

3）我们用VScode打开项目后，执行命令npm install就可以还原项目所需的依赖包