NPM包管理器的简单使用

一、什么是NPM

npm官网，Node Package Manager(node包管理器)，帮助管理包的对应依赖关系和版本
相当于前端Maven，Maven是管理jar包依赖，npm是管理前端依赖
静态资源托管库

1. npm 和 cnpm 的区别

npm和cnpm只是 node 中包管理器的不同，在国内可以用淘宝镜像使用 cnpm
npm是node的包管理器，cnpm (gzip 压缩支持)是中国淘宝的npm
网络原因无法使用npm下载，cnpm下载速度更快
存包的地址在nrm中查看，运行以下命令后就可以运行cnpm了
npm install -g cnpm --registry=https://registry.npm.taobao.org

二、安装NPM

npm是Node.js默认的软件包管理系统，安装完node，默认安装好npm，npm本身也是基于Node.js开发的软件

下载Node，安装（下一步）
配置环境变量：NODE_PATH（E:\Nodejs\install\node_modules），Path（E:\Nodejs\install\）
验证node安装成功，cmd，node -v（如果出现版本号就成功）
验证npm安装成功，cmd，npm -v（如果出现版本号就成功）

使用npm安装包时，在哪个目录下安装就打开哪个目录的cmd去执行npm命令即可

查看npm是否安装成功：npm -v 出现版本号就是安装成功

三、项目初始化

项目初始化，会生成一个package.json文件，package-lock.json：npm5之后加的，是为了锁定固定版本

# 项目初始化
# 初始化包管理配置文件package.json
npm init --yes     # 自动匹配名称 
npm init -y     
npm init           # 自己一个一个名字来配置

四、NPM镜像的设置与查看

为什么要设置镜像：因为使用国外的网站下载太慢
使用下面1.设置2.查看即可

# 搭建环境时通过以下代码将npm设置成淘宝镜像
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
# 设置当前地址（设置为默认地址）
npm config set registry https://registry.npmjs.org/
# 查看镜像配置结果
npm config get registry    # 2.查看
npm config get disturl
# 使用nrm工具切换淘宝源
npx nrm use taobao         # 1.设置
# 如果之后需要切换回官方源可以使用
npx nrm use npm

五、NPM常用命令

# 查看版本
npm -v            
# 安装模块,install也可以简写成i
npm install/i 模块名称      # 只在cmd所在目录安装
npm install/i 模块名称 -g   # -g选项，全局安装到环境变量中
npm i jquery               # 安装jquery
npm install npm -g 		   # 全局安装新版本的npm
npm -g install npm 		   # -g也可以放到中间
npm install npm@5.9.1      # 使用@版本号，可以安装指定版本
npm install --save 模块名称       # 运行时依赖，发布后生产环境还需要用的模块，会装入到package.json的dependencies中
npm install -S 模块名称           # -S是--save的简写
npm install --save-dev 模块名称   # 开发时依赖，开发时用，发布后不用了，比如js模块，项目部署后不需要了，会装入到package.json的DevDependencies中
npm install 模块名称 -D           # -D是--save-dev的简写
# 更新到最新版本
npm update 模块名称
npm update 模块名称 -g
npm update jquery
# 卸载包
npm uninstall 模块名称
npm uninstall jquery
# 清空npm本地缓存,用于对付使用相同版本号发布新版本代码的人
npm cache clear
# 查看所有全局安装的模块
npm list -g
# 查看某个模块的版本号
npm list 模块名称
npm list vue
npm list jquery
# 查看所有命令帮助信息
npm help
# 查看某条命令详细帮助信息
npm help <command>
# 发布自己的包
npm publish <package>@version
# 撤销自己发布的某个版本的代码
npm unpublish <package>@version

六、NPM包的使用

使用webpack
使用CommonJS的require语句导入包