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来跑命令

最后

以上就是伶俐砖头为你收集整理的yarn和npm的对比及项目中的简单使用的全部内容，希望文章能够帮你解决yarn和npm的对比及项目中的简单使用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。