包管理工具(npm、cnpm、Yarn、CYarn)

NPM

全称：Node Package Manager , Node 的包管理器，也是一个应用程序。

包是什么

Node.js 的包基本遵循 CommonJS 规范，将一组相关的模块组合在一起，形成一个完整的工具

作用

通过 NPM 可以对 Node 的工具包进行搜索、下载、安装、删除、上传。借助别人写好的包，可以让我们的开发更加方便。

安装

安装完 nodejs 之后会自动安装 npm

常用命令

查看 npm 的版本

npm -v

初始化

npm init
npm init --yes
// 快速初始化，文件夹有中文的不能使用这条语句

运行后会创建 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 作为包的名字

关于开源证书扩展阅读

http://www.ruanyifeng.com/blog/2011/05/how_to_choose_free_software_licenses.html

搜索包

npm search jquery
npm s jquery

一般在搜索工具包的时候，会到 https://npmjs.org 搜索

安装工具包

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 -D

6 版本的 npm ，安装包时会自动保存在 dependencies 中，可以不用写 --save，不过为了适应旧版本，建议写的时候加上 --save

全局安装

npm install less -g
npm install webpack -g
npm install nodemon -g

全局安装一般用于安装全局工具，如 cnpm，yarn，webpack ，gulp等，全局命令的安装位置

C:Users你的用户名AppDataRoamingnpm

全局安装命令在任意的命令行下, 都可以执行

安装依赖

根据 package.json 中的依赖声明， 安装工具包

npm i
npm install
npm i --production // 只安装 dependencies 中的依赖

移除包

npm remove jquery

使用流程

团队开发时使用流程

1. 从仓库中拉取仓库代码
2. 运行 npm install 安装相关依赖
3. 运行项目，继续开发

封装 NPM 包

创建自己的 NPM 包可以帮助代码进行迭代进化，使用步骤也比较简单

0. 修改为官方的地址 (npm config set registry https://registry.npmjs.org/)
1. 创建文件夹，并创建文件 index.js， 在文件中声明函数，使用 module.exports 暴露
2. npm 初始化工具包，package.json 填写包的信息
3. 账号注册（激活账号）,完成邮箱验证
4. 命令行下 『npm login』 填写相关用户信息
5. 命令行下『 npm publish』 提交包 ????

npm 有垃圾检测机制，如果名字简单或做测试提交，很可能会被拒绝提交

可以尝试改一下包的名称来解决这个问题

升级 NPM 包，需要修改 package.json 中的版本号修改，只需要执行『npm publish』就可以提交

1. 修改包代码
2. 修改 package.json 中版本号
3. npm publish 提交

删除 npm 包

npm unpublish 包名 --force

依赖

• devDependencies 开发依赖
• dependencies 生产依赖

npm 卸载全局包

npm uninstall 包名 -g

fs.readFile require

• fs.readFile 将文件中的内容读取出来, 结果是buffer
• require 返回的结果是 JSON 数据解析之后的对象结果

模块的引入

• 内置模块 require(‘fs’);
• npm 模块 require(“lodash”);
• 自定义模块
  • require(’./m1’);
  • require(’./m1.js’);
  • require(’./m1.json’);

CNPM

介绍

cnpm 是淘宝对国外 npm 服务器的一个完整镜像版本，也就是淘宝 npm 镜像，网站地址http://npm.taobao.org/

安装

安装配置方式有两种

• npm install -g cnpm --registry=https://registry.npm.taobao.org
• alias cnpm=“npm --registry=https://registry.npm.taobao.org
  –cache=KaTeX parse error: Undefined control sequence: at position 23: …pm/.cache/cnpm ̲ ̲--disturl=https…HOME/.cnpmrc”

使用

配置完成后，就可以使用 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 是串行下载
• 精准的版本控制。保证每次安装跟上次都是一样的

安装

npm 安装

只需要一行命令即可安装 yarn

npm install yarn -g

msi 安装包安装

https://classic.yarnpkg.com/en/docs/install#windows-stable

相关命令

yarn 的相关命令

1. yarn --version

2. yarn init //生成package.json

3. yarn global add package (全局安装)

​ 全局安装路径 C:Users你的用户名AppDataLocalYarnbin

4. yarn add package (局部安装)

5. yarn add package --dev (相当于npm中的–save-dev)

6. yarn remove package

7. yarn list //列出已经安装的包名 用的很少

8. yarn info packageName //获取包的有关信息 几乎不用

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使用即可

附录

关于版本号

版本格式：主版本号.次版本号.修订号

• “^3.0.0” ：锁定大版本，以后安装包的时候，保证包是3.x.x版本，x默认取最新的。
• “~3.1.x” ：锁定小版本，以后安装包的时候，保证包是3.1.x版本，x默认取最新的。
• “3.1.1” ：锁定完整版本，以后安装包的时候，保证包必须是3.1.1版本。

最后

以上就是潇洒宝贝最近收集整理的关于包管理工具(npm、cnpm、Yarn、CYarn)的全部内容，更多相关包管理工具(npm、cnpm、Yarn、CYarn)内容请搜索靠谱客的其他文章。