0


npm?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
  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看自己的需求情况来进行选择!今天的分享小编就分享到这里了。不足之处欢迎各位大佬评论补充!![](https://img-blog.csdnimg.cn/fba27e6a7c0e48ea841649e5ae90fa66.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAY2hubmRz,size_13,color_FFFFFF,t_70,g_se,x_16)
标签: npm yarn javascript

本文转载自: https://blog.csdn.net/chnnds/article/details/123325737
版权归原作者 chnnds 所有, 如有侵权,请联系我们删除。

“npm?Yarn?你清楚吗?”的评论:

还没有评论