【Nodejs】包资源管理器NPM (Node Package Manager) node包管理和分发工具

包资源管理器NPM

什么是NPM

npm全称Node Package Manager,是node包管理和分发工具。可以理解为Maven跟Maven差不多的功能管理依赖。

通过npm 可以很方便地下载js库,管理前端工程。

现在的node.js已经集成了npm工具,在命令提示符输入 npm -v 可查看当前npm版本

C:\Users\x1c>npm -v
6.5.0

C:\Users\x1c>node -v
v11.9.0

C:\Users\x1c>

NPM命令

初始化工程

init命令是工程初始化命令。

建立一个空文件夹或者直接在工程中,在命令提示符进入该文件夹

执行命令初始化

npm init

在这里插入图片描述

按照提示输入相关信息,如果是用默认值则直接回车即可。
name: 项目名称
version: 项目版本号
description: 项目描述
keywords: {Array}关键词,便于用户搜索到我们的项目
最后会生成package.json 文件,这个是包的配置文件,相当于maven的pom.xml
之后也可以根据需要进行修改。

在这里插入图片描述

package.json

{
  "name": "nodejs",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

本地安 装

install命令用于安装某个模块,可以通过require引入到项目中使用。如我们想安装express模块(node的web框架),输出命令如下:

npm install express

管理员身份打开

在这里插入图片描述

在这里插入图片描述

出现警告信息,可以忽略,请放心,你已经成功执行了该命令。
在该目录下已经出现了一个node_modules文件夹 和package-lock.json
node_modules文件夹用于存放下载的js库(相当于maven的本地仓库)
package-lock.json是当 node_modules 或 package.json 发生变化时自动生成的文件。这个文件主要功能是确定当前安装的包的依赖,以便后续重新安装的时候生成相同的依赖,而忽略项目开发过程中有些依赖已经发生的更新(可
能存在切换了不同的镜像源后,同一个大版本号下可能出现兼容问题,package-lock可以保证即使换了源,下载的文件和原来的可以保持一致)。
我们再打开package.json文件,发现刚才下载的express已经添加到依赖列表中了。

在这里插入图片描述

关于版本号定义:

指定版本:比如1.2.2,遵循“大版本.次要版本.小版本”的格式规定,安装时只安装指定版本。
波浪号(tilde)+指定版本:比如~1.2.2,表示安装1.2.x的最新版本(不低于1.2.2),但是不安装1.3.x,也就是说安装时不改变大版本号和次要版本号。

插入号(caret)+指定版本:比如ˆ1.2.2,表示安装1.x.x的最新版本(不低于1.2.2),但是不安装2.x.x,也就是说安装时不改变大版本号。需要注意的是,如果大版本号为0,则插入号的行为与波浪号相同,这是因为此时处于开发阶段,即使是次要版本号变动,也可能带来程序的不兼容。

latest:安装最新版本。

全局安装

刚才使用的是本地安装,会将js库安装在当前目录,而使用全局安装会将库安装到我的全局目录下。全局安装之后可以在 命令行 使用该安装的模块对应的内容或命令。
如果不知道自己的全局目录在哪里,执行命令查看全局目录路径

npm root -g

默认全局目录在
C:\Users\Administrator\AppData\Roaming\npm\node_modules

我是配置了的 在这里

F:\workspaces\nodejs>npm root -g
D:\Environments\nodejs\node_global\node_modules

F:\workspaces\nodejs>

比如全局安装jquery, 输入以下命令

# 安装之后在全局目录下会存在对应的jquery目录,其里面的dist则包含有对应的jquery.js文件
npm install jquery -g

在这里插入图片描述
npm是一个node.js的管理和分发工具,可以根据配置package.json下载js库。

  • 本地安装:将下载的模块安装到当前目录(项目);
  • 全局安装:将下载的模块安装到全局的目录( npm root -g

批量下载

从网上下载某些代码,发现只有package.json,没有node_modules文件夹,这时需要通过命令重新下载这些js库.
进入目录(package.json所在的目录)输入命令

npm install

此时,npm会自动下载package.json中依赖的js库。

package.json

pom.xml

切换NPM镜像

有时我们使用npm下载资源会很慢,所以可以切换下载的镜像源(如:淘宝镜像);或者安装一个cnmp(指定淘宝镜
像)来加快下载速度。

1、如果使用切换镜像源的方式,可以使用一个工具:nrm
首先安装nrm,这里-g 代表全局安装

# 管理员身份 打开cmd执行如下命令
npm install nrm -g

然后通过nrm ls 命令查看npm的仓库列表,带*的就是当前选中的镜像仓库:

在这里插入图片描述

通过nrm use taobao 来指定要使用的镜像源:

nrm use taobao

2、如果使用cnpm的方式,则先安装cnpm,输入如下命令

# 如果不使用nrm 切换,可以在安装cnpm的时候指定镜像仓库
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装后,我们可以使用以下命令来查看cnpm的版本

cnpm -v

使用cnpm

cnpm install 需要下载的js库;一般只有在下载模块的时候才使用cnpm,其它情况还是一样使用npm;

运行工程说明

如果我们想运行某个工程,则使用run命令
如果package.json中定义的脚本中有:
dev是开发阶段测试运行
build是构建编译工程
lint 是运行js代码检测
运行时命令格式:

npm run dev或者build或者lint

编译工程说明

编译后的代码会放在dist文件夹中,进入命令提示符输入命令

npm run build

生成后会发现只有个静态页面,和一个static文件夹
这种工程我们称之为单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。
这里其实是调用了webpack来实现打包的,关于webpack下面的章节将进行介绍。

包资源管理器NPM

目标:说出npm的作用;区别本地安装和全局安装

小结

npm是一个node.js的管理和分发工具,可以根据配置package.json下载js库。

  • 本地安装:将下载的模块安装到当前目录(项目);
  • 全局安装:将下载的模块安装到全局的目录( npm root -g

切换NPM镜像

目标:安装nrm组件将npm的镜像切换为淘宝镜像

小结

  • 使用nrm 切换镜像源
npm install nrm -g

nrm use taobao
  • 使用cnpm下载
npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install **
展开阅读全文
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值