npm包管理

一、npm

1.安装

解释：npm安装需要先安装nodejs，安装好nodejs附带安装好npm，但npm与nodejs并非同一个团队开发

步骤：

• 1.自行去官网安装nodejs
• 2.安装好后用通过一个简单的命令node -v # 查看其版本号，运行成功表示安装成功

2.npm基础配置

• npm config list：查看当前所有配置内容
• npm config get registry：查看当前某一配置内容（此为npm下载库）
• npm config set registry https://registry.npm.taobao.org：设置npm下载库（重要）
• npm config set cache "E:\\nodejs_place"：设置缓存位置
• npm config set prefix "E:\\nodejs_place"：设置包安装位置

3.构建项目、安装和卸载

3.1 构建项目

解释：其会创建package.json文件，里面可以设置项目名字，版本号等等

代码：npm init -y：y表示yes，如果不设置，npm会一步一步询问

3.2 安装

3.2.1 局部安装

解释：默认安装就是局部安装

• npm i jquery #i表示install：安装最新
• npm install gulp@3.9.1：安装指定版本
• npm install git://github.com/package/path.git：安装github上的内容（不推荐）

3.2.2 全局安装

解释：全局安装就到了npm config get prefix配置的目录

代码：npm i jquery -g #-global

3.2.3 开发环境安装

解释：某些内容如webpack、Less(css预处理器)这些只是开发阶段用的内容，就需要把它们安装到开发环境

• npm i webpack -D #D表示--save-dev：

3.2.4 生产环境安装

解释：某些内容如vue、jquery这些是真实生产环境里面需要的依赖需要安装到生产环境配置里面

• npm i vue -S # S表示--save

3.3 卸载

代码：npm uninstall [-g]

4.package.json与package-lock.json

4.1 package.json

解释：里面包含如项目名、版本号、开发依赖和生产依赖等等，更重要的是模糊写着版本号，其控制着npm update 更新信息（每个更新根据版本号命名原则，都会只更新到该大版本最新。比如现在项目里面是vue2，再怎么更新，只要package.json的vue前面是^，就算vue3已经推出也只能更新到vue2最新版）

参数：

• ^：锁定大版本号，比如是^6.2.2，会匹配所有6.x.x的版本，更新的时候会下载最新的版本号
• ~：锁定前面两个版本号，比如是^6.2.2，会匹配所有6.2.x的版本，更新的时候会下载最新的版本号
• *：安装最新的版本号

4.2 package-lock.json

解释：package.json模糊写着版本号等信息，但package-lock.json准确写着版本号；其里面已经存在插件的版本、下载地址、整个node_modules的结构等信息

5.npm命令[执行脚本]

• 构建：npm init -y

• 本地安装：npm install-只要存在package.json与package-lock.json就会根据他们快速下载依赖（这样能实现工作环境的快速迁移）

• 安装：npm i <-D/-S>-此安装单独的包（可能包里有其它依赖）

• 执行脚本：npm run 命令-package.json的scripts脚本上写着

• 查询已经安装包：npm list

• 卸载：npm uninstall

• 更新：npm update