目录
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