当前位置: 首页 > web>阅读正文

npm快速上手

2021.9.29 朱丰华 103 次 留下评论 1007字

npm(node package manager)是node包管理器。

node用于快速管理包,这里的包指的是一些代码,比如jquery,这些包可能有不同版本,也可能彼此之间有依赖关系,使用npm可以一行命令就完成安装、卸载某个包。

使用npm之前,需要先安装nodejs,本文不做介绍。

nodejs自带npm,使用命令检测npm的版本号:

npm -v

如果出现版本号,表示npm已经安装完毕。

更新npm版本

npm install npm@latest -g

必须追加-g参数,表示安装到全局环境下,否则有的目录可能不生效

所使用上述命令时,你会发现可能很慢,或卡住,是因为npm服务器在国外。

拉取包、删除包

创建一个目录 D:\\npm,接下来在这个目录下拉取一个包

初始化npm,并将得到一个json文件

npm init -y

拉取jquery

npm install jquery

拉取vue,使用 i 简写

npm i vue

在安装后,默认会把安装信息写入配置文件package.json文件中,你可以删除已经下载的包,但只要配置文件还在,我们使用一行命令即可一次性重新下载所有的包

npm i

删除某个包,正确的方式是

npm uninstall 包名

拉取vue,指定版本号

npm i vue@2.6.0

升级vue版本为最新版

npm update vue

常用配置项

在初始化时,npm init 不添加–y

此时,它会询问很多问题,实际上它会输入的内容,就在package.json中,我们可以直接编辑package.json文件

在package.json文件中,有一个scripts键名,是npm的一些指令,默认有一个test

npm run test

对于dependencies项,表示依赖,是通用的依赖,如果只想在开发环境下使用

npm i webpack --save-dev

运行上述命令,可拉取webpack,并仅在开发环境下使用。其中 -dev表示development即开发环境,–save表示保存到package.json文件中。

安装cnpm

cnpm是淘宝镜像,加速下载,原taobao.org,现改域名npmmirror.com

npm install -g cnpm --registry=https://registry.npmmirror.com

安装完毕后,使用cnpm替代npm进行下载

cnpm i vue@2.6.0

使用国内加速镜像后,安装速度会快很多,特别是对那些很大的包更明显。

本篇完,还有疑问?留下评论吧

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注