包管理工具 - NPM

目录

一、安装NPM工具

1.1 安装Node.js

1.2 重新安装npm

1.3 npm镜像设置与查看（选）

二、NPM常用命令

三、Package.json属性说明

3.1 生成配置文件package.json

3.2 属性说明

---

一、安装NPM工具

1.1 安装Node.js

npm是Node.js默认的软件包管理工具，即安装好node后，默认安装好了npm

下载 | Node.js 中文网 (nodejs.cn)

安装后输入指令查看版本即可确定是否安装成功（这里使用系统自带的命令提示符、Git CMD 、Git Bash都可以）

#注意-v前面有空格
node -v
npm -v

以Git Bash 输入为例

1.2 重新安装npm

如果想要重新安装npm，输入下方指令即可

#全局安装
npm install npm -g

1.3 npm镜像设置与查看（选）

因为直接通过npm下载依赖包时是通过官方网站直接下载的，直连下载的话速度会慢很多，所以可以通过一下指令来完成 npm镜像设置与查看

#将npm设置成淘宝镜像 - 全局
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

#设置为默认地址
npm config set registry https://registry.npmjs.org/

#可定制cnpm(gzip压缩支持)命令行工具代替默认npm
npm install -g cnpm --registry=https://registry.npm.taobao.org

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

#使用npm工具切换淘宝源
npx nrm use taobao

#切换回官方源
npx nrm use npm

二、NPM常用命令

#<Module Name>指代依赖包
#安装模块
npm install <Module Name>
npm install <Module Name> -g

#查看所有全局安装的模块
npm list -g

#查看某个模块的版本号
npm list vue

#更新npm版本(@后面跟版本)
npm -g install npm@8.0.4

#更新模块(全局的话就加上-g)
npm update <Module Name> -g

#卸载模块
npm uninstall <Module Name>

#-save 在package文件的dependencies节点写入依赖
#dependencies：运行时依赖，发布后，即生成环境下还需要用的模块
npm install <Module Name> -save

#-save-dev 在package文件的devDependencies节点写入依赖
#devDependencies：开发时的依赖。里面的模块是开发时用的，发布时用不到它
npm install <Module Name> -save-dev

#查看所有命令
npm help

#查看某条命令
npm help <command>

#更新node_modules子目录里面所对应的模块至最新版本
npm update <package>

#更新全局安装对应的模块至最新版本
npm update <package> -g

#清空NPM本地缓存
npm cache clear

#撤销发布过的某个版本代码
npm unpublish <package>@<version>

三、Package.json属性说明

3.1 生成配置文件package.json

#生成配置文件 - 忽略设置
npm init --yes

#生成配置文件 - 需设置
npm init

3.2 属性说明

• name：包名
• version：包的版本号
• description：包的描述
• homepage：包的官网url
• author：包的作者
• contributors：包的其他贡献者姓名
• dependencies：依赖包列表。如果依赖包没有安装，npm会自动将依赖包安装在node_module目录下
• repository：包代码存放的地方类型，可以是git或svn，git可在Github上
• main：main字段指定了程序的主入口文件
• keywords：关键字
• scripts：脚本，简化运行的命令。npm run 简化命令

注意：package.json文件中版本好的说明，安装的时候代表不同的含义

以vue脚手架创建的项目内的package.json为例

可看到一些版本好都会添加不同的符号，其效果：

• "6.2.0"：表示安装指定的 6.2.0 版本
• "~6.2.0"：表示安装 6.2.X 中最新的版本
• "^6.2.0"：表示安装 6.X.X 中最新的版本