Node Package Manager , Node 的包管理器,也是一个应用程序。
包:Node.js 的包基本遵循 CommonJS 规范,将一组相关的模块组合在一起,形成一个完整的工具
作用: 通过 NPM 可以对 Node 的工具包进行搜索、下载、安装、删除、上传。借助别人写好的包,可以让我们的开发更加方便。
安装:安装完 nodejs 之后会自动安装 npm
常用命令
查看 npm 的版本
npm -v
初始化
npm init
npm init -y # 文件夹名称不能为中文
运行后会创建 package.json 文件
{
"name": "1-npm", #包的名字
"version": "1.0.0", #包的版本
"description": "", #包的描述
"main": "index.js", #包的入口文件
"scripts": { #脚本配置
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "", #作者
"license": "ISC" #版权声明
}
==注意生成的包名不能使用中文,大写 !!! 不能使用 npm 作为包的名字==
==npm init 命令一般在项目的根目录下运行, 与 git 命令执行位置是相同的==
安装工具包
npm install jquery
npm i jquery# 安装并在 package.json 中保存包的信息(dependencies 属性)
npm install jquery --save
npm install jquery -S# 安装并在 package.json 中保存包的信息(devDependencies 属性)
npm install babel --save-dev
npm install babel -D6 版本的 npm ,安装包时会自动保存在 dependencies 中,可以不用写 --save
全局安装
npm install less -g
npm install nodemon -g
全局安装一般用于安装全局工具,如 cnpm,yarn,webpack ,gulp等,全局命令的安装位置
C:\Users\你的用户名\AppData\Roaming\npm
全局安装命令在任意的命令行下, 都可以执行
安装依赖
根据 package.json 中的依赖声明, 安装工具包
npm i
npm install
移除包
npm remove jquery
使用流程
团队开发时使用流程
从仓库中拉取仓库代码
==运行 npm install 安装相关依赖==
运行项目,继续开发
封装 NPM 包
创建自己的 NPM 包可以帮助代码进行迭代进化,使用步骤也比较简单
-
修改为官方的地址 (npm config set registry https://registry.npmjs.org/)
-
创建文件夹,并创建文件 index.js, 在文件中声明函数,使用 module.exports 暴露
-
npm 初始化工具包,package.json 填写包的信息 (包的名字是唯一的)
-
账号注册(激活账号),==完成邮箱验证==
-
命令行下 『npm login』 填写相关用户信息
-
命令行下『 npm publish』 提交包 👌
npm 有垃圾检测机制,如果名字简单或做测试提交,很可能会被拒绝提交
==可以尝试改一下包的名称来解决这个问题==
升级 NPM 包,需要修改 package.json 中的版本号修改,只需要执行『npm publish』就可以能提交
-
修改包代码
-
修改 package.json 中版本号
-
npm publish 提交
其他人在使用这个包的时候, 需要对当前包进行升级, npm upgrade name 升级当前使用的包
删除 npm 包
npm unpublish 包名 --force
CNPM
cnpm 是淘宝对国外 npm 服务器的一个完整镜像版本,也就是淘宝 npm 镜像,网站地址npmmirror 中国镜像站
安装
安装配置方式有两种
-
npm install -g cnpm --registry=https://registry.npm.taobao.org
-
alias cnpm="npm --registry=https://registry.npm.taobao.org \ --cache=$HOME/.npm/.cache/cnpm \ --disturl=Package - dist \ --userconfig=$HOME/.cnpmrc" (只能在Linux下使用)
使用
配置完成后,就可以使用 cnpm 命令来管理包,使用方法跟 npm 一样
cnpm install lodash
npm 配置镜像地址
//淘宝镜像
npm config set registry https://registry.npm.taobao.org
//官方镜像
npm config set registry https://registry.npmjs.org/
Yarn
yarn 是 Facebook 开源的新的包管理器,可以用来代替 npm。
特点
yarn 相比于 npm 有几个特点
-
本地缓存。安装过的包下次不会进行远程安装
-
并行下载。一次下载多个包,而 npm 是串行下载
-
精准的版本控制。保证每次安装跟上次都是一样的
安装
yarn 安装
只需要一行命令即可安装 yarn
npm install yarn -g
msi 安装包安装:Installation | Yarn
相关命令
yarn 的相关命令
1) yarn --version
2) yarn init //生成package.json
3) yarn global add package (全局安装)
4) yarn global dir 查看全局安装的位置
全局安装路径 C:\Users\你的用户名\AppData\Local\Yarn\bin
4) yarn global remove less (全局删除)
5) yarn add package (局部安装)
6) yarn add package --dev (相当于npm中的--save-dev)
7) yarn remove package 移除
8) yarn list //列出已经安装的包名 用的很少
9) yarn // 安装package.json中的所有依赖
npm 5 引入离线缓存,提高了安装速度,也引入了 package-lock.json 文件增强了版本控制
yarn 修改仓库地址
yarn config set registry https://registry.npm.taobao.org
CYarn
跟 npm 与 cnpm 的关系一样,可以为 yarn 设置国内的淘宝镜像,提升安装的速度
npm install cyarn -g --registry "https://registry.npm.taobao.org"
配置后,只需将yarn改为cyarn使用即可
附:
安装指定版本的工具包
yarn add jquery@1.11.2
npm 清除缓存
npm cache clean
环境变量 Path 的设置
此电脑 -> 右键属性
高级系统设置
点击环境变量
双击 Path 变量值
新建 -> 添加文件夹路径
一路确定