[JavaScript知识库]npm和包模块

目录

1. npm下载使用包

2. 安装全局包和项目包

3. 全局安装nrm包

4. 开发依赖包和生产依赖包

5. npm常用命令

1. npm下载使用包

三步骤：

①. 初始化项目：npm init（一个项目只需初始化一次，init命令用来在根目录下生成一个package.json文件，这个文件中记录了当前项目的基本信息，它是一切工作的开始/前提）

说明：

• 这个命令只需要运行一次，它的目的仅仅是生成一个package.json文件。

• 如果项目根目录下已经有了package.json文件，就不需要再去运行这个命令了。

• 这个package.json文件后期是可以手动修改的。

npm init --yes
// --与yes之间没有空格， -- 与init之间有空格
// 或者是 npm init -y

②. 安装包：

npm install 包名
// 安装day.js
npm install dayjs

③. 使用包（引入模块，使用）

格式是：const 常量名 = require('包名')

// 从npm下载 别人写的好代码，在本地引入，并使用
const dayjs = require('dayjs')
console.log(dayjs);
console.log( dayjs().format('YYYY-MM-DD') );

小结：npm i 包名 之前，项目文件夹中要有package.json文件

2. 安装全局包和项目包

全局安装：包被安装到了系统目录(一般在系统盘的node_modules中)

命令：npm install -g 包名 或者 npm install 包名 -g

npm root -g            // 查看全局包的安装目录
npm list -g --depth 0  // 查看全局安装过的包

项目/本地安装：包安装在当前项目的根目录下(与package.json同级）的node_modules中。

npm install 包名

全局包与项目包的区别

一个经验法则：

• 要用到该包的命令执行任务的就需要全局安装。

• 要通过require引入使用的就需要本地安装-项目包。

3. 全局安装nrm包

nrm：这个工具是帮助我们切换npm镜像源的。

# 设置镜像为taobao。
npm config set registry https://registry.npm.taobao.org
# 设置镜像为npm官方
npm config set registry https://registry.npmjs.org

使用nrm之后，就可以简化上面的命令。

// 第一步： 全局安装 
npm install nrm -g

// 第二步：列出所有的源信息
// （*）标注的就是当前使用的源
nrm ls

// 第三步：根据需要切换源 
// 例如：指定使用taobao镜像源
nrm use taotao

// 接下来，正常安装你需要的包

4. 开发依赖包和生产依赖包

4.1 包的分类

?

一个经验法则：

• 要用到该包的命令执行任务的就需要全局安装。

• 要通过require引入使用的就需要本地安装-项目包

举例：(dev--develop：开发)

• gulp-htmlmin：这个工具时用来把html代码进行压缩的(去掉空格、换行等)，需要在开发时使用它，而项目一旦上线，就不再需要它，因此归类为开发依赖

• jquery：在开发时参与源码编写，在发布上线的生产环境中也是需要它的，不仅在开发环境编写代码时要依赖它，线上环境也要依赖它，因此将其归类为生产依赖

?

4.2 操作区别

4.2.1 保存到开发依赖包(devDependencied)

// 或者 npm install 包名 -D,通过这种方式安装的包会出现在package.json文件中的devDependencies字段中
npm install 包名 --save-dev

4.2.2 保存到生产依赖(dependencies)

// npm install 包名 -S
// 或者npm install 包名

技巧

• 加了-D : 开发依赖，这就表示这个工具包只在开发项目时候要用，项目开发完成就不需要

• 不加-D： 生产依赖，这就表示这个工具包在项目做完了之后也要用。

注意：什么包加上-D,什么包不要加？------- 看npm官网包下载的文档

5. npm常用命令

5.1 查看

npm -v  			    // 查看npm 版本
where node   			// 查看node的安装目录
where npm   			// 查看npm的安装目录
npm root -g 			// 查看全局包的安装目录
npm list -g --depth 0   // 查看全局安装过的包

5.2 升级npm

npm install npm --global  // 简写成 -g
npm install npm -g

5.3 初始化package.json

npm init -y // 或者是npm init --yes

5.4 安装第三方包

// 安装当前目录下package.json中列出的所有的包
// 如果之前安装了包，又在package.json中手动删除依赖
// 它相当是删除包
npm install

// 全局安装
npm install 包名 -g  // npm install -g 包名 

// 本地安装，没有指定版本，默认安装最新的版本
npm install 包名

// 一次安装多个包,空格隔开
npm install 包名1 包名2 包名3

// 安装指定版本的包
npm install 包名@版本号

// 简写。把install简写成 i
npm i 包名

5.5 删除已安装的包

npm uninstall 本地安装的包名
npm uninstall 全局安装的包名 -g

设置npm的register

如果你不想用 nrm ，下面这个原生的命令也可以切换镜像源(从哪里下载包)。

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

## 所有npm i 包 都会从taobao的镜像去下载。
## 配置后可通过下面方式来验证是否成功
npm config get registry