npm包管理器

最新推荐文章于 2023-12-26 15:46:58 发布

Alasdair_lu

最新推荐文章于 2023-12-26 15:46:58 发布

阅读量446

点赞数

文章标签： npm包管理器

本文链接：https://blog.csdn.net/weixin_42736725/article/details/100113746

版权

第一章npm包管理工具

1.1 什么是NPM

NPM 全称 Node Package Manager，它是 JavaScript 的包管理工具, 并且是 Node.js 平台的默认包管理工具。通过

NPM 可以安装、共享、分发代码,管理项目依赖关系。
可从NPM服务器下载别人编写的第三方包到本地使用。
可从NPM服务器下载并安装别人编写的命令行程序到本地使用。
可将自己编写的包或命令行程序上传到NPM服务器供别人使用。

其实我们可以把npm理解为后端的Maven。我们通过npm可以很方便的安装和下载js库，管理前端工程。最新的

Node.js已经集成了npm工具，所以，必须首先在本机安装Node环境。

Node.js官网下载地址:

英文网：https://nodejs.org/en/download/
中文网：http://nodejs.cn/download/

安装包npm6.4.1下载地址

装完成后，查看node.js与npm版本:打开cmd窗口

Microsoft Windows [版本 10.0.17763.678]
(c) 2018 Microsoft Corporation。保留所有权利。

C:\Users\ludailin>node -v
v10.15.3

C:\Users\ludailin>npm -v
6.4.1

C:\Users\ludailin>

1.2 NPM 初始化项目

npm init 命令初始化项目：== 告诉 ==

新建一个 npm-demo 文件夹，通过命令提示符窗口进入到该文件夹，执行下面命令进行初始化项目

npm init

根据提示输入相关信息，如果使用默认值，则直接回车即可。

package name: 包名，其实就是项目名称，注意不能有大写字母
- version: 项目版本号
description: 项目描述
- keywords: {Array}关键字，便于用户搜索到我们的项目

如图
在这里插入图片描述

- 后会生成 package.json 文件，这个是包的配置文件，相当于 maven 的 pom.xml 我们之后也可以根

据需要进行修改。

如果确定了不修改

那么就使用初始化项目，均采用默认信息，不会提示你手动输入信息

npm init -y

1.3安装模式

1.3.1 安装方式

npm install 命令用于安装某个模块，安装方式分为：本地安装（local）、全局安装（global）两种。

本地安装

将 JS 库安装在当前执行命令时所在目录下

# 本地安装命令，版本号可选
npm install <Module Name>[@版本号]

全局安装

将 JS 库安装到你的 全局目录下

# 全局安装命令
npm install <Module Name>[@版本号]

如果安装出现如下错误

npm err! Error: connect ECONNREFUSED 127.0.0.1:8087

解决方法，执行如下命令：

npm config set proxy null

1.3.2 本地安装

本地安装会将js安装在当前的目录下:

安装最新版 express 模块，它是基于Node.js 平台的 Web 开发框架，执行如下命令：
```
npm install express
```
- 如果出现黄色的是警告信息，可以忽略，请放心，你已经成功安装了。
- 在该目录下会出现一个 node_modules 文件夹和 package-lock.json
  - node_modules 文件夹用于存放下载的js库（相当于maven的本地仓库）
    - package-lock.json 是在 npm install 时候生成一份文件。
      
      用以记录当前状态下实际安装的各个包的具体来源和版本号。
    - 重新打开 package.json 文件，发现刚才下载的 express 已经添加到依赖列表中了.

在这里插入图片描述

关于模块版本号表示方法
- 指定版本号：比如 3.5.2 ，只安装指定版本。遵循 “大版本.次要版本.小版本”的格式规定。
- ~ 波浪号 + 指定版本号：比如 ~3.5.2 ，安装 3.5.x 的最新版本（不低于 3.5.2），但是不安装 3.6.x，也
  就是说安装时不改变大版本号和次要版本号。
- ^ 插入号 + 指定版本号：比如 ^3.5.2 ，安装 3.x.x 的最新版本（不低于 3.5.2），但是不安装 4.x.x，
  
  也就是说安装时不改变大版本号。需要注意的是，如果大版本号为0，则插入号的行为与波浪号相同，这
  
  是因为此时处于开发阶段，即使是次要版本号变动，也可能带来程序的不兼容。
- latest ：安装最新版本。
安装指定的版本模块

安装jquery2.2.0版本的jquery
```
npm install jquery@2.2.0
```

1.3.3 全局安装

使用全局安装会将库安装到你的全局目录下。

查看全局安装目录

如果你不知道你的全局目录在哪里，执行命令：
```
npm root -g
```

在这里插入图片描述

我的全局路径是: C:\Users\ludailin\AppData\Roaming\npm\node_modules

修改默认全局安装目录，使用命令:（一般安装都不建议安装在c盘，所以，我们要修改全局地址:）

比如我修改为 D:\npm
```
npm config set prefix "d:\npm"
```

在这里插入图片描述

全局安装

为什么要全局安装，经常用的模块就安装到全局路径中

全局安装 vue 模块，执行命令
```
npm install vue -g
```
如果是想安装带版本的，跟上面的是一样的。

p:
```
npm install jquery@2.2.0 -g
```
查看全局已安装的模块
```
npm list -g
```

在这里插入图片描述

npm ls -g  # 也是 查看全局已安装的模块

1.3.4 生成环境模块安装

格式：

--save 或 -S 参数意思是把模块的版本信息保存 package.json 文件的 dependencies 字段中（生产环境依赖）
```
npm install <Module Name> [--save|-S]
```

举例：

安装 vue 模块，安装在生产环境依赖中

npm install vue -S

在 package.json 文件的 dependencies 字段中:

  "dependencies": {
    "express": "^4.17.1",
    "jquery": "^2.2.0",
    "vue": "^2.6.10"
  }

1.3.5 开发环境模块安装

格式：

--save-dev 或 -D 参数是把模块版本信息保存到 package.json 文件的 devDependencies 字段中（开发环境依赖),所以开发阶段一般使用它:
```
npm install <Module Name> [--save-dev|-D]
```
举例：

安装 eslint 模块，它是语法格式校验，只在开发环境依赖中即可
```
npm install eslint -D
```
在 package.json 文件的 devDependencies 字段中:
```
  "devDependencies": {
    "eslint": "^6.2.2"
  }
```

1.4 批量下载模块

我们从网上下载某些项目后，发现只有 package.json , 没有 node_modules 文件夹，这时我们需要通过命令下载这些js库。

命令提示符进入 package.json 所在目录，执行命令：
```
npm install
```
此时，npm 会自动下载 package.json 中依赖的js库

1.5 查看模块命令

1.5.1 查看本地已安装模块方式

方式1：可以安装目录 node_modules 下的查看包是否还存在

方式2：可以使用以下命令查看：

# 查看本地安装的所有模块  
npm list  或者  npm ls
# 查看指定模块
npm list <Module Name>  或者 npm ls <Module Name>

1.5.2 查看模块远程最新版本

1.格式

npm view <Module Name> version

2.举例: 查看 jquery 模块的最新版本

npm view jquery version

1.5.3 查看模块远程所有版本

就是在version后面加了s

1.格式

npm view <Module Name> versions

2.举例: 查看 jquery 模块的最新版本

npm view jquery versions

1.6 卸载模块

卸载局部模块

npm uninstall <Module Name>
举例： npm uninstall jquery

卸载全局模块

npm uninstall -g <Module Name>
举例：npm uninstall -g jquery

1.7 配置淘宝镜像加速

查看当前使用的镜像地址
```
npm get registry
```

配置淘宝镜像地址

npm config set registry https://registry.npm.taobao.org

安装下载模块
```
npm install <Module Name>
```

还原默认镜像地址

npm config set registry https://registry.npmjs.org/

Alasdair_lu

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
npm包管理器

第一章npm包管理工具1.1 什么是NPMNPM 全称 Node Package Manager，它是 JavaScript 的包管理工具, 并且是 Node.js 平台的默认包管理工具。通过NPM 可以安装、共享、分发代码,管理项目依赖关系。可从NPM服务器下载别人编写的第三方包到本地使用。可从NPM服务器下载并安装别人编写的命令行程序到本地使用。可将自己编写的包或命令行程序上传到...
复制链接

扫一扫