npm?Yarn?你清楚吗?

目录

一、NPM

1.1、什么是NPM?

1.2、npm镜像的设置与查看

1.3、npm的使用

1.4、package.json常见属性

1.5、npm的常用命令 

二、Yarn

2.1、什么是Yarn

2.2、Yarn的下载

2.3、Yarn的基本使用

2.4、Yarn的优点

总结


一、NPM

1.1、什么是NPM?

npm(全称Node Package Manager)

node包管理器。是node.js默认的以JavaScript编写的软件包管理系统

安装完毕node后,会默认安装好npm
npm本身也是基于Node.js 开发的软件

下载:http://Node:http://nodejs.cn

1.2、npm镜像的设置与查看

npm镜像的设置与查看: 

  • 搭建环境将npm设置成淘宝镜像
  1. npm config set registry https://registry.npm.taobao.org--global
  2. npm config set disturl https://npm.taobao.org/dist--global
  • 设置当前地址:npm config set registry https://registry.npmjs.org/
  • 查看镜像的配置结果
  1. npm config get registry
  2. npm config get disturl
  • 使用nrm工具切换淘宝源:npx nrm use taobao
  • 切换回官方源:npx nrm use npm

1.3、npm的使用

npm的使用: 

  • npm -v:通过查看版本,看npm是否安装成功
  • npm install:使用npm命令安装模块
  • npm install <Module Name> -g:可以直接在命令行使用
  • npm list -g:查看所有全局安装的模块
  • npm list vue:查看某个模块的版本号
  • npm -g install npm@5.9.1:更新npm版本
  • npm install -save moduleName:-save在package文件的dependencies结点写入依赖
  • dependencies:运行时依赖,发布后,即生产环境下还需要用的模块
  • npm install -save-dev moduleName:-save-dev在package文件的dependencies结点写入依赖
  • devDependencies:开发时的依赖,里面的模块是开发时用的,发布时用不到他。 

1.4、package.json常见属性

package.json的常见属性如图所示: 

 

1.5、npm的常用命令 

① NPM提供了很多命令,例install和publish, 使用npm help可查看所有命令
② 使用npm help <command>可查看某条命令的详细帮助,例如npm help install
③ 在package. json所在目录下使用npm install . -g可先在本地安装当前命令行程序,可用于  发布前的本地测试
④ 使用npm update <package>可以把当前目录下node_ modules子目录里边的对应模块更新至最新版本
⑤ 使用npm update <package> -g可以把全局安装的对应命令行程序更新至最新版
⑥ 使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人
⑦ 使用npm unpublish <package> @ <version>可以撤销发布自己发布过的某个版本代码 

二、Yarn

2.1、什么是Yarn

什么是Yarn:

yarn是由fackbook、Google、exponent和Tilde联合推出了一个新的js包管理工具,正如官方文件写的。yarn是为了弥补npm的一些缺陷而出现的。

NPM5的缺陷:

  1. npm install的时候巨慢,特别是新的项目拉下来要等半天,删除node_modules,重新install依旧如此
  2. 同一个项目,多人开发时,由于安琥脏的版本不一致出现Bug 

2.2、Yarn的下载

  

2.3、Yarn的基本使用

 Yarn基本使用:

 

2.4、Yarn的优点

Yarn的优点: 

  • yarn的速度快
  • 安装的版本是统一的
  • 输出更加的简洁
  • 多注册的来源处理
  • 更好的语义化 


总结

        今天又是一篇满满 的干货,无论是npm还是Yarn看自己的需求情况来进行选择!今天的分享小编就分享到这里了。不足之处欢迎各位大佬评论补充!

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值