npm的使用
npm下载使用包
第一步:初始化项目
这里提到的项目并不是某个具体的功能,只是要创建一个空文件夹即可(文件夹名字不要中文)。进入到项目所在的根目录下,启动小黑窗(按下shift键,点击右键,在弹出的菜单中选择 “在此处打开命令行”)
执行如下命令:
# init 初始化
npm init
它会启动一个交互式的程序,让你填入一些关于本项目的信息,最后生成一个package.json文件。 如果你希望直接采用默认信息,可以使用:
npm init --yes
// 或者是 npm init -y
说明:
- 这个命令只需要运行一次,它的目的仅仅是生成一个package.json文件。
- 如果项目根目录下已经有了package.json文件,就不需要再去运行这个命令了。
- 这个package.json文件后期是可以手动修改的。
第二步:安装包
生成了package.json文件之后,我们就可以来安装第三方包了。在npm官网中,有上百万个包,供我们使用(你需要在npm网上注册帐号,登陆上去,才可以看到如下的数据,如果只是下载安装包,则并不需要注册)。
下面以day.ja包为例
day.js是一个专门用来处理日期时间的一个包。网站:<https://dayjs.fenxianglu.cn/>
执行如下命令:
npm install dayjs
// install 可以缩写为 i
第三步:使用包
当我们已经下载好一个包之后,就可以像使用核心模块一样去使用它。
格式是:const 常量名 = require('包名')
这个格式与引入核心模块的格式是一样的。
// 从npm下载 别人写的好代码,在本地引入,并使用
const dayjs = require('dayjs')
console.log(dayjs);
console.log( dayjs().format('YYYY-MM-DD') );
npm镜像的使用
镜像:副本,拷贝。默认情况下,从npm官方下载,网速比较慢;我们可以去它的镜像网站上来下载。
切换taobao镜像的命令
# 设置镜像为taobao。
npm config set registry https://registry.npm.taobao.org
# 设置镜像为npm官方
npm config set registry https://registry.npmjs.org
# 查看配置
npm config get registry
安装全局包和项目包
我们通过npm install 命令来安装包,简单说就是把包从npm的官网(或者是指定的镜像源)下载到我们自己的电脑中。
全局安装
包被安装到了系统目录(一般在系统盘的node_modules中)。
npm root -g // 查看全局包的安装目录
npm list -g --depth 0 // 查看全局安装过的包
项目安装
项目安装(或者叫本地安装),包安装在当前项目的根目录下(与package.json同级)的node_modules中
npm install 包名
全局安装和项目安装的区别
-
全局安装的包一般可提供直接执行的命令。我们通过对一些工具类的包采用这种方式安装,如: gulp, nodemon, live-server, nrm等。
-
本地安装的包是与具体的项目有关的, 我们需要在开发过程中使用这些具体的功能。
要用到该包的命令执行任务的就需要全局安装。 要通过require引入使用的就需要本地安装-项目包。
全局安装nrm包的步骤
// 第一步: 全局安装
npm install nrm -g
// 第二步:列出所有的源信息
// (*)标注的就是当前使用的源
nrm ls
// 第三步:根据需要切换源
// 例如:指定使用taobao镜像源
nrm use taotao
// 接下来,正常安装你需要的包
如果nrm ls不能用,请看这里:
const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');
//const NRMRC = path.join(process.env.HOME, '.nrmrc');(注掉) const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');