我是歌谣 放弃很容易 但是坚持一定很酷

前言

在前端的vue的项目中 不免会安装较多的文件依赖
对于常规安装依赖 我知道的方式有两种npm和yarn

1npm

1.1定义

npm: Nodejs下的包管理器。

1.2 安装

安装node环境
直接node官网安装一下

1.3 下载地址

node地址

下载安装好之后直接下一步下一步安装
安装后之后直接
node -v查看当前版本’
根据自己需要的版本安装

1.4配置地址

设置环境地址设置缓存地址
npm config set prefix “D:\nodejs\xxxxxxx”
npm config set cache “D:\nodejs\xxxxxxxx”

设置淘宝镜像
npm config set registry=http://registry.npm.taobao.org

1.5开始使用

git clone
npm install
npm run serve
npm run dev

2cnpm

2.1安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.2验证

cnpm -v

3yarn

3.1定义

“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的。”

3.2安装

npm install -g yarn

3.3安装

yarn --version

3.4使用

git clone
yarn install
yarn run serve
yarn run dev

4总结

4.1npm缺点

1.速度慢:npm 按照队列执行安装每个 package,只有当前 package 安装完成之后,才会进行后面的安装。
2.同一个项目,npm 安装的时候无法保持一致性,由于 package.json 文件中版本号的特点,下面三个版本号在安装的时候代表不同的含义:
“5.0.3”, //安装指定的5.0.3版本
“~5.0.3”, //安装5.0.X中的最新版本
“^5.0.3” //安装5.X.X中的最新版本
3.npm 安装的时候,一个包抛出错误,npm 会继续下载安装包,而且因为 npm 会把所有的日志输出到终端,有关错误包的错误信息就会淹没在 npm 打印的警告中,你甚至不会发现错误的产生。

4.2yarn的优点对比

yarn 的优点:

1.速度快:yarn 执行 package 的安装时,会同步执行所有任务,提高了性能;如果已经安装过某一个包,yarn 再次安装此包时无需互联网,直接安装本地缓存的依赖项。
2.安装版本统一。
3.更简洁的输出,默认情况下,只打印必要的输出信息。
4.更好的语义化:如 yarn add/remove

个人的话 现在启动项目对yarn使用好感的 启动项目不会产生什么bug问题

一文简述npm和cnpm和yarn的区别相关推荐

  1. npm、cnpm、yarn的安装与常用命令

    1.安装 npm curl -L https://www.npmjs.com/install.sh | sh a.临时使用(例如安装express) npm --registry https://re ...

  2. npm、cnpm、yarn、pnpm

    安装 1.安装npm需要安装nodejs,node中自带npm包管理器 node下载地址:下载 | Node.js 2.cnpm安装(需要安装npm) cnpm是淘宝团队做的npm镜像,淘宝镜像每 1 ...

  3. npm、cnpm、yarn、pnpm、npx、nvm的区别:

    1.npm: 中文文档:https://www.npmjs.cn/ (1)npm install的时候巨慢.特别是新的项目拉下来要等半天,删除node_modules,重新install的时候依旧如此 ...

  4. Nodejs入门 (四) 包管理工具(npm、cnpm、yarn、nvm)

    目录 一.什么是包管理工具? 二.npm的使用 1.初始化 2.搜索包 3.下载安装包 4.安装包的使用 5.全局安装 6.安装包依赖 7.安装指定版本的包 8.删除依赖 9.配置命令别名 10.np ...

  5. npm、cnpm、yarn安装指定版本的依赖包

    (1).npm 在npm install 后面加上   @以及版本号就行 npm install --save echarts@4.3.0 (2).cnpm 安装cnpm: npm install - ...

  6. yarn、npm、cnpm三者区别

    放一张实验室的合照压压惊,有点想实验室的兄弟们了~~~ 一.原理分析 npm (1)npm 是Node.js 能够如此成功的主要原因之一.npm 团队做了很多的工作,以确保 npm 保持向后兼容,并在 ...

  7. npm和yarn的区别,我们该如何选择?

    周一入职,同事JJ让我熟悉一下基于React的新项目. 按照以往,我的步骤都是: git clone xxx npm install npm run dev 这时,JJ给我来了下面一段 git clo ...

  8. npm 和 cnpm 的区别

    目录 1. npm 和 cnpm 的区别 2. nrm的使用 3.npm介绍 4.选装cnpm 5.新建package.json文件 1. npm 和 cnpm 的区别 (1) 两者之间只是 node ...

  9. 【混淆系列】三问:npx、npm、cnpm、pnpm确定搞明白了?

    大家好,我是猫小白,本文继续输出前端混淆知识点系列第三问.致力于夯实基础.消灭模糊知识点. 往期[混淆知识]传送门: 一问:module.exports.exports.export都是导出,有何区别 ...

最新文章

  1. 上市之后,青云存储平台 QingStor 也要“进军”云原生
  2. 【c语言】蓝桥杯算法提高 数的运算
  3. We7 从这里开始---安装we7
  4. 开根号的笔算算法图解_机器学习KNN算法之手写数字识别
  5. 【笔记】buck/boost/buck-boost相关计算公式
  6. 安装配置Mysql主从
  7. Java DES 加解密(DES/CBC/PKCS5Padding)
  8. file_operations结构体
  9. tde数据库加密_如何在TDE加密的数据库上配置SQL Server镜像
  10. 好东西真多,如何让自己学的能跟上技术的发展呢
  11. 获取Access数据库字段的所有属性(转)
  12. HTML是由____构成的____文件,JSP填空题
  13. Solidworks2022安装
  14. 51单片机 日历 c语言 数码管,51单片机做的数码管电子日历
  15. 优化算法之——最速下降法
  16. SQL注入—MYSQL基础语句(持续更新)附图
  17. Navicat备份数据库和还原数据库详解
  18. Bezier曲线构造
  19. Android DataBinding 详解
  20. android xml 画竖线,css如何画竖线?

热门文章

  1. javascript创建类_如何使用JavaScript创建吹气效果
  2. 和css3实例教程_最好CSS和CSS3教程
  3. JavaScript数据类型:Typeof解释
  4. fpga中的slack_是否想减少部署过程的恐怖程度? 在Slack中构建ChatOps。
  5. selinux会阻碍挂载嘛_为什么追求完美可能会阻碍您成为新手Web开发人员
  6. c++ 时间序列工具包_我的时间序列工具包
  7. python学习感悟第3节
  8. 【python】内存相关
  9. 计算机应用基础教程作业脑图 车辆工程学院 冯大昕
  10. Python开发利器之UliPad