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

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

ruisui882个月前 (04-22)技术分析28

前言

虽然我是做后端的,但也时常关注前端,只是最近觉得前端的各种工具名称太眼花缭乱了,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……” 的相关文章

财务主管花了一周时间自制费用报销管理系统,是我见过最好用的

公司的费用报销又多又乱,一不小心就出错!头疼,财务主管花了一周时间自制费用报销管理台账,分类统计,重复报销还能自动提醒,真的少了很多麻烦!费用报销是财务日常工作必会面对的,各种票据太多太乱,搞的很烦,还好有同事给的的费用报销管理系统,只需要对基础数据进行登记,就可以自动统计然后生成,没有比这个更清楚...

gitlab常用命令大全

GitLab常用命令大全GitLab是一个基于Git的Web平台,它不仅提供代码托管,还集成了持续集成/持续交付(CI/CD)、代码审查、问题追踪等功能。在日常使用GitLab的过程中,我们常常需要使用一系列命令来管理代码仓库、处理分支和标签等。以下是GitLab常用的Git命令大全,并附上详细解释...

vue-router是如何解析query参数呢? #前端

vue-router 中的 query 解析。1. 大家好,我是龙仔。今天来分享 vue-router 是如何解析快乐参数的,因为使用 vue 路由会传 query 参数和快乐参数,所以从 vue 的角度来看如何解析传递的快乐参数。2. 基础知识大家应知道,快乐参数结构如:a、b、c、a、b、c、a...

基于 vue3.0 小程序拖拽定制

今天给大家分享一个使用Vue3编写的自由DIY小程序页面。mbDIY 一款基于vue3.x构建的可拖拽定制小程序模板。支持新建页面、自由拖拽模块、复制/移动、自定义模块样式等功能。整个项目分为页面、模块、控件三大部分。模块里面的组件可拖拽至主面板区,编辑后保存即可预览效果。快速安装# 克隆项目 gi...

什么是异步,什么是同步,啥意思?

概述:本文讨论了程序设计领域的同步、异步和多线程的一些基本概念。同步异步这两个词翻译的其实不通。我是不知道这两个词是啥意思。同步:步伐整齐;异步:步伐不整齐。大概这个意思,但是在编程设计领域啥意思?国人的烦恼多来自于不明确的翻译所造成的后果。异步对应的英文是Asynchronous。这个词的含义是“...

使用vue-cli(vue脚手架)快速搭建项目

前段时间,总有人私信小编Echa哥,用vue-cli 如何快速搭建项目,有没有相关案例教程?我想了想,Vue 都发布了这么久的时间了,连基本的vue-cli 都不会灵活运用,那怎么玩VUE 项目呢?后面我换位思考了一下,有必要整理一篇关于vue-cli 快速搭建项目(要考虑到新手入门),废话少说,进...