npm 相关指令

一、参考

Nodejs 第三章(Npm Package json) - 掘金 (juejin.cn)

二、npm 指令

• npm init：初始化一个新的 npm 项目，创建 package.json 文件。

• npm install：安装一个包或一组包，并且会在当前目录存放一个node_modules。

• npm install <package-name>：安装指定的包。

• npm install <package-name> --save：安装指定的包，并将其添加到 package.json 文件中的依赖列表中。

• npm install <package-name> --save-dev：安装指定的包，并将其添加到 package.json 文件中的开发依赖列表中。

• npm install -g <package-name>：全局安装指定的包。

• npm update <package-name>：更新指定的包。

• npm uninstall <package-name>：卸载指定的包。

• npm run <script-name>：执行 package.json 文件中定义的脚本命令。

• npm search <keyword>：搜索 npm 库中包含指定关键字的包。

• npm info <package-name>：查看指定包的详细信息。

• npm list：列出当前项目中安装的所有包。

• npm outdated：列出当前项目中需要更新的包。

• npm audit：检查当前项目中的依赖项是否存在安全漏洞。

• npm publish：发布自己开发的包到 npm 库中。

• npm login：登录到 npm 账户。

• npm logout：注销当前 npm 账户。

• npm link: 将本地模块链接到全局的 node_modules 目录下

• npm config list 用于列出所有的 npm 配置信息。执行该命令可以查看当前系统和用户级别的所有 npm 配置信息，以及当前项目的配置信息(如果在项目目录下执行该命令)

• npm get registry 用于获取当前 npm 配置中的 registry 配置项的值。registry 配置项用于指定 npm 包的下载地址，如果未指定，则默认使用 npm 官方的包注册表地址

• npm set registry npm config set registry <registry-url> 命令，将 registry 配置项的值修改为指定的 <registry-url> 地址

三、操作演示

3.1 项目初始化

版本号说明

主版本 重大的更新或者重大的改动 Vue2 Vue3 2.6.0 3.0.0

次版本号 功能的更新编译宏3.1.0

修订号 fix bug 3.1.1

输入npm init 以及填写相关信息后，会生成一个package.json，内容模板如下：

{
  "name": "mypackage",
  "version": "1.0.0",
  "description": "this is a init demo",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "www.baidu.com"
  },
  "keywords": [
    "demo"
  ],
  "author": "xyy123",
  "license": "MIT"
}

该脚本的作用是在控制台输出“Error: no test specified”，并终止进程

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  }

3.2 依赖下载

3.2.1 安装说明

以安装vue为例： npm i vue

若要安装指定版本vue，则: npm i vue@2.6.0

安装完毕后，会生成 package.json 和 package-lock.json文件

若要卸载，需要输入：npm uninstall vue

3.2.2 参数说明

npm i vue --save

在npm5.4之后，加不加 --save 都行，

但是在之前版本若没有添加，那么 dependencies 中将不会添加新增内容

可能会导致依赖丢失

npm i vue --save-dev

安装开发时需要的依赖

并且有简写：npm i vue -D

npm i vue -g

-g 指global, 全局安装

3.3 查看npm 版本

npm config list

PS Z:\npm> npm config list
; "builtin" config from D:\node_repo\global\node_modules\npm\npmrc

; prefix = "C:\\Users\\Administrator\\AppData\\Roaming\\npm" ; overridden by user

; "user" config from C:\Users\Administrator\.npmrc

cache = "D:\\node_repo\\cache"
prefix = "D:\\node_repo\\global"
registry = "https://registry.npmmirror.com"

; node bin location = D:\node.js\node.exe
; node version = v20.10.0
; npm local prefix = Z:\npm
; npm version = 10.1.0
; cwd = Z:\npm
; HOME = C:\Users\Administrator
; Run `npm config ls -l` to show all defaults.

3.4 切换镜像源地址

3.4.1 获取当前镜像源

npm get registry

PS Z:\npm> npm get registry
https://registry.npmmirror.com/

3.4.2 配置镜像源

npm config set registry https://npm.aliyun.com

PS Z:\npm> npm get registry
https://registry.npmmirror.com/

PS Z:\npm> npm config set registry https://npm.aliyun.com

PS Z:\npm> npm get registry
https://npm.aliyun.com/

相关镜像源列表：国内npm源镜像-CSDN博客

相关下载镜像源帮助包：npm i xmzs -g

PS Z:\npm> npm i xmzs -g
added 56 packages in 31s

PS Z:\npm> mmp -V
1.5.1

PS Z:\npm> mmp current
当前源: taobao

PS Z:\npm> mmp use
? 请选择镜像 tencent
切换成功

PS Z:\npm> mmp current
当前源: tencent

PS Z:\npm> npm get registry
https://mirrors.cloud.tencent.com/npm/

添加自定义镜像源：

PS Z:\npm> mmp add
? 请输入镜像名称 demo
? 请输入镜像地址 www.baidu123.com
添加完成

PS Z:\npm> mmp use
? 请选择镜像 (Use arrow keys)
> npm
  yarn
  tencent
  cnpm
  taobao
  npmMirror
  demo