当前位置:首页 > 技术分析 > 正文内容

谈后端人眼里的 nvm、yarn、pnpm……

ruisui881周前 (04-22)技术分析7

前言

虽然我是做后端的,但也时常关注前端,只是最近觉得前端的各种工具名称太眼花缭乱了,nvm、yarn、pnpm、taro……

不要说具体使用,就连他们到底是工具还是新框架我都搞混。所以,我就用一篇文章简要记录他们到底是什么,怎么区别以及简易的搭建过程。

nvm

nvm(Node Version Manager),顾名思义,他是 Node.js 的版本管理工具。主要用来在单个操作系统下安装或管理多版本 Node,常用于解决项目中不同版本依赖问题。

下载

github 搜作者 coreybutler,项目 nvm-windows。

安装

安装前如果电脑已经有了 Node.js,最好卸载以防后面冲突。然后点击 exe 文件下一步下一步完成后,nvm 会自动在电脑的用户变量中添加 NVM_HOME 和 NVM_SYMLINK,最后 cmd 输入 nvm -v,显示 nvm 版本号表示已经成功。

使用

nvm install 6.2.0 安装指定版本
nvm uninstall 6.2.0 卸载指定版本
nvm list 查看安装列表
nvm use 6.2.0 使用指定版本


pnpm

pnpm(Performant npm),是一个快速、磁盘空间友好的包管理工具,和 npm 类似,可以简单理解为 npm 的优化加强版,适合于较大的前端项目,具体的特征可以看其他博主的介绍。因为 npm 是 Node 自带,所以有 Node 即可有 pnpm。

下载安装

npm install pnpm -g

使用

pnpm install 包 //
pnpm i 包
pnpm add 包 // -S 默认写入dependencies
pnpm add -D // -D devDependencies
pnpm add -g // 全局安装


yarn

yarn 是 Facebook 开发的一个 JavaScript 包管理工具,yarn 使用与 npm 不同的锁定文件格式,但是仍然可以兼容 npm 的包管理规范。

下载安装

npm install -g yarn

使用

yarn --version // 查看版本
yarn init // 同npm init,执行输入信息后,会生成package.json文件
yarn install // 安装package.json里所有包,并将包及它的所有依赖项保存进yarn.lock
yarn run // 用来执行在 package.json 中 scripts 属性下定义的脚本


写在后面

写这篇文章的最主要原因,其实还是因为平时独立开发中的项目有用到。比如,我放在独立博客里的在线工具(各种集成编程小工具),和项目中心(带摸鱼小游戏)都有使用 pnpm 和 yarn,大家感兴趣的话可以看看。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3511.html

标签: npm list
分享给朋友:

“谈后端人眼里的 nvm、yarn、pnpm……” 的相关文章

体检刷卡收费管理系统

体检刷卡收费管理系统headerfooter《体检刷卡收费管理系统》是针对各医院进行体检刷卡收费管理的一套系统。软件集办卡、充值、刷卡消费、体检登记与一体。主要功能:1.基本信息:科室设置、套餐设置、单项设置、本院信息;2.体检卡管理:单位人员办卡、个人办卡、体检卡充值、体检卡禁用、体检卡开通、体检...

Vue组件通信之props深入详解!

props 是 Vue 组件中一个很重要的概念。它是用来从父组件向子组件传递数据的。为什么需要props?这是因为在Vue中,组件是相互隔离的。每个组件都有自己的作用域,子组件无法直接访问父组件的状态或值。通过props,父组件可以将数据传递给子组件。使用props的步骤:1. 在子组件中定义pro...

Git 分支管理策略与工作流程

(预警:因为详细,所以行文有些长,新手边看边操作效果出乎你的预料)团队开发中,遵循一个合理、清晰的Git使用流程,是非常重要的。否则,每个人都提交一堆杂乱无章的commit,项目很快就会变得难以协调和维护。看完这篇文章后,涉及GIT的工作中就会减少因为规范问题导致工作出错,当然如果你现在暂时还未有合...

git的几种分支模式

编写代码,是软件开发交付过程的起点,发布上线,是开发工作完成的终点。代码分支模式贯穿了开发、集成和发布的整个过程,是工程师们最亲切的小伙伴。那如何根据自身的业务特点和团队规模来选择适合的分支模式呢?本文分享几种主流 Git 分支模式的流程及特点,并给出选择建议。分支的目的是隔离,但多一个分支也意味着...

HTML5+眼球追踪?黑科技颠覆传统手机体验

今天,iH5工具推出一个新的神秘功能——眼动追踪,可以通过摄像头捕捉观众眼球活动!为了给大家具体演示该功能的使用,我做了一个案例,供大家参考。实际效果如下:案例比较简单,就是通过眼动功能获取视觉焦点位置,剔除用户看中的牌。现在,舞台的属性中多了一个“启用眼动”的选项,另外,还多了一个“启用摄像头”的...

虚幻引擎5.5现已发布 手游开发、动画制作重大改进

Epic在今天发布了虚幻引擎5.5,现可通过Epic Launcher下载。此版本在动画创作、渲染、虚拟制片、移动端游戏开发和开发人员迭代工具集等方面做出了重大改进。 官方博客:虚幻引擎5.5现已发布,在动画创作、虚拟制作和移动游戏开发方面取得了显著进步,渲染、摄像机内视觉特效和开发人员迭代等领域的...