NPM

Tom2023-09-162024-07-05

NPM

NPM是随同 Node.js 一起安装的包管理工具：

允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

安装

下载地址：nodejs.org/zh-cn/download/
检查安装是否成功：
- 运行（win + r）窗口 cmd 打开命令行窗口。
- 命令行窗口输入命令：node --version 查看到当前node.js安装的版本信息。
- 命令行窗口输入命令：npm --version 查看到当前npm 安装的版本信息。

配置文件

package.json

package.json 配置文件可以设置当前工程的描述信息以及所用到的依赖包。

{
  "name": "my-work",
  "version": "1.0.0",
  "description": "A Vue.js project",
  "author": "dfdf <123@456.com>",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  },
  "dependencies": {
    "vue": "^2.5.2",
    "vue-router": "^3.3.4",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1"
  }
}

package.json 文件是一个JSON格式的文件，必须严格的json语法。

属性名必须使用 双引号 “”

最后一个子元素后不允许写逗号，

不允许在文件中添加与 json 无关的字符，如注释等

package.json 文件可以使用命令 npm init --yes生成

dependencies 表示项目依赖（整个项目运行过程中都需要），devDependencies表示开发依赖（只有在开发过程中需要）。

添加包的版本规则：

"dependencies": {
    "vue": "^2.5.2", //与最新主要版本（1.x.x）匹配
    "vue-router":"~3.3.4", ////与最新次要版本（1.2.x）匹配
    "vuex": "3.4.0"
  },

package-lock.json

package.json 是指定的包存在版本匹配问题，具体安装包的版本信息将在 package-lock.json文件中进行锁定。该文件在 npm install安装包时自动生成并修改，用户不需要手动修改。

CLI命令

npm init 在当前位置初始化包配置文件 package.json，该命令会提示你输入项目名称，项目描述、项目版本待。
npm init --yes 在当前位置初始化一个默认的 package.json。

别名：npm init -y
npm install 安装 package.json文件中的指定的包。

别名：npm i 或 npm add
npm install <packageName> 安装指定名称的包。例如安装jquery npm install jquery,当安装完成后会在当前目录下的node_modules（如果没有会自动创建·node_modules）的目录中就会包一个名称jquery的目录。
npm install <packageName> -g -g 表示全局安装。全局安装的包会被放在 C:\Users\<当前用户..>\AppData\Roaming\npm
npm install <packageName@version>安装指定版本号的包：例如：npm install jquery@3.1.0
npm install <packageName> --save —save 参数表示安装包成功后，并将包信息自动添加到package.json文件 dependencies(项目依赖) 项中。
npm install <packageName> --save-dev —save-dev 参数表示将包信息自动添加到package.json文件的devDependencies（开发依赖）中。
npm uninstall <packageName> — 卸载指定的包。

别名：npm remove , npm rm , npm un
npm list 查看当前项目中安装的所有包。

别名：npm ls , npm la , npm ll
npm list -g 查看所有全局安装的包。
npm view <packageName> 查看当前包的信息
- 别名：npm info , npm show , npm v
- 不指定包名的话则输入当前项目信息
npm view <packageName> versions --json 加入参数 —json可以将所的所有版本都输出
npm view <packageName> dependencies 查看指定包的依赖。
npm config list 查看 npm 配置信息
npm config list -l 查看 npm 详细配置信息
npm config set registry <URL> 更改镜像源地址：
- 设置淘宝镜像源: npm config set registry http://registry.npm.taobao.org
- 默认镜像源：npm config set registry https://registry.npmjs.org
npm help 获取帮助信息，例如：npm help ls查看 ls命令的帮助文档