npm包管理工具

npm包管理工具

一、认识npm

• npm（全称Node Package Manager，即node包管理器）
• 是Node.js默认的、以JavaScript编写的软件包管理系统
• npm 来分享和使用代码已经成了前端的标配
• 官网： https://www.npmjs.com
• npm被全球超过1100万开发人员所依赖
• 拥有超过一百万个软件包，是世界上最大的软件注册表

二、安装npm

• npm是Node.js默认的软件包管理系统

• 安装完毕node后，会默认安装好npm

  下载node.js可以到node.js官网下载

• npm本身也是基于Node.js开发的软件

三、npm的使用

（一）npm镜像设置与查看

因为node.js的官网是外网，所以我们可以通过设置镜像提高下载速度

1、

查看镜像的配置结果
npm config get registry 
npm config get disturl  

2、

搭建环境时通过如下代码将npm设置成淘宝镜像
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
如果上面的不行可以使用nrm工具切换淘宝源
npx nrm use taobao

3、

如果想重新设置为默认值可以通过如下代码
npm config set registry https://registry.npmjs.org/
如果之后需要切换回官方源可使用
npx nrm use npm

（二） npm的常用指令

下面所有命令加 -g 表示全局
node -v  							查看node.js版本
npm -v   							通过查看版本，看npm是否安装成功
npm version 						查看所有模块的版本
npm search 包名 					    搜索包
npm install <Module Name>      		使用 npm 命令安装模块，默认安装最新版本
npm install <Module Name> -g   		全局安装模块，可以直接在命令行里使用
npm install <Module Name>@5.9.1  	（@后跟版本号）这样我们就可以下载指定的<Module>版本
npm update  <Module Name>			使用 npm 命令更新模块到最新版本
npm uninstall <Module Name>         使用 npm 命令卸载模块
npm list -g  						查看所有全局安装的模块
npm list <Module Name> 				查看某个<Module>的版本号
npm install moduleName -save         # -save 在package文件的dependencies节点写入依赖。
npm install moduleName -save-dev	 # -save-dev 在package文件的devDependencies节点写入依赖
dependencies：						 运行时的依赖，发布后，即生产环境下还需要用的模块
devDependencies：					开发时的依赖。里面的模块是开发时用的，发布时用不到它,比如项目中使用的 gulp ，压缩css、js的模块。这些模块在我们的项目部署后是不需要的

刚刚装好node.js就可以使用下列代码将npm更新到最新版本

npm install npm -g 或者 npm -g install npm （-g的位置很随意，但是建议放在最后）

四、package.json文件详解

name 		 			包名。
version  				包的版本号。
description  			包的描述。
homepage  				包的官网 url 。
author  				包的作者姓名。
contributors  			包的其他贡献者姓名。
dependencies  			依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。
repository  			包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上。
main  					main字段指定了程序的主入口文件，require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的index.js。
keywords  				关键字
package.json文件中版本号的说明，安装的时候代表不同的含义：
"5.0.3"    表示安装指定的5.0.3版本
"~5.0.3"  表示安装5.0.X中最新的版本
"^5.0.3"  表示安装5.X.X中最新的版本

package.json可以通过下列命令设置，当然也可以直接在package.json修改

 npm init --yes 自动初始化package.json

npm init     手动设置package.json

如果把node_modules文件删除，保留package.json可以通过npm install 指令重新生成node_modules文件

五、模块的基本应用

详见