npm前端通用技术

npm介绍

npm (node package manager)，即Node包管理器。当我们安装完Node.js后就会默认安装好npm，因为Node.js中内置npm，npm是node的默认包管理器。

npm相当于一个巨型的代码仓库，简单来说，它相当于手机的应用市场，而每一个包(package)就是一款App。npm能够帮助我们下载项目中需要依赖的包并且帮助我们管理不同包之间的关系。npm已经成为前端的通用技术，所以我们需要学习它，并且掌握常用的指令。

下载Node获取npm

1. 下载node.js。进入nodejs官网https://nodejs.org/zh-cn/下载Node.js。
2. 检查是否安装成功。按下meta键(windows)+r 键，输入cmd，按下回车进入命令行页面。输入以下命令判断node和npm是否安装成功。

//输入node -v和npm -v后如果出现了对应的版本号则说明已经安装成功
node -v
v16.13.2

npm -v
8.4.1

npm常用指令

注：以下命令可在本机命令行中执行，也可以在开发工具中的终端运行（最好用管理员身份打开开发工具）

1. 配置淘宝镜像。在命令行中粘贴以下代码即可直接配置。如果不配置就会导致包下载速度较慢。

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

2. 查看包的镜像

npm config get registry

3. 初始化npm

npm init -y

4. 安装所需包

npm install 包名 [-g] //[]表示可选，如果不加则默认局部安装，否则全局安装

npm i 包名  //安装包的缩写形式

npm install npm -g  //全局安装npm，npm自己装自己

npm install npm@latest -g //将npm更新到最新版本

npm install jquery@版本号

npm install less-loader@7 安装指定版本的less-loader

注：在哪个目录下执行命令，npm就会在哪个文件夹下安装对应的包

5. 卸载包

npm uninstall 包名

npm uninstall vue //卸载vue包

6. 更新包

npm update 包名

npm update jquery //更新jquery

7. 展示项目全部的依赖包

npm list //默认列出局部依赖

npm list -g //列出全局依赖

8. 查看包的所有版本

npm view 包名 versions 

npm view webpack versions //可以查看webpack一共有多少版本

其他

在package.json文件中，“dependencies”属性中标明了依赖的包的名称和版本号。

当我们在另一个新的运行环境中，只需要执行npm i，npm就可以根据此配置文件的内容安装此项目依赖的所有包。

package-lock.json文件为锁定配置文件，可以根据此文件标注的包的详细信息让npm下载指定版本的包