yarn和npm的对比及项目中的简单使用

一、 yarn相比npm的优点

1. npm安装是串行，而yarn是并行，速度大大提升
2. 已经下载过的包会被缓存，无需重复下载，并且它支持离线安装
3. 精准的版本控制，加上验证每个包的完整性，保证每次安装的npm包完全一致
4. 优化的输出信息

二、npm5改进之处

 1、引入了package-lock.json，默认会被添加到项目，增强了版本控制
 2、提升了安装的速度，还是稍慢于yarn，引入了离线缓存
 3、优化了输出信息

三、yarn工作流、对应命令上npm的差别

 1、创建一个新项目

// 初始化
npm init     yarn init 

 2、添加/更新/删除依赖项

添加(使用package@version指定版本号 global指定全局安装)

加入生产依赖 npm i [package] -S (-g)  yarn (global) add [package]@[version] 

加入开发依赖(打包时忽略) npm i [package] -D   yarn add [package]@[version]   --dev

更新 

查询过期版本

npm outdated [package]    yarn outdated [package]

npm outdated              yarn outdated

更新版本

yarn upgrade [package]@[version] 

卸载

npm uninstall [package]  yarn remove [package]

重新安装所有依赖

rm -rf node_modules&&npm install  yarn upgrade 

 3、安装/重新安装依赖项

// 初始化安装
npm install  yarn install

 4、运行脚本

yarn run [script] [<args>]

 5、使用版本管理工具
 6、.持续集成

补充

构建vue项目

//安装vue脚手架，这是构建vue项目的工具-g为全局安装
npm install -g vue-cli
//使用webpack打包工具
vue init webpack my-project
//之后会提示一些信息，全部选择yes,一直敲回车即可
//完成之后，进入到创建的项目根目录下
cd my-project
//安装依赖包
yarn
//说明：yarn是yarn install的简写，可直接敲击yarn，功能和npm install一样
//最后运行项目
yarn run dev
//浏览器会自动打开运行一个页面，出现以下页面，说明成功了。

总结

在yarn这位搅局者的出现,npm终于给了一次力,npm5和yarn区别已经不大，况且，yarn更新慢，对npm参数支持有限，目前推荐用yarn来管理版本，npm来跑命令