手摸手教你使用Yarn包管理工具

最新推荐文章于 2024-08-04 17:55:45 发布
最新推荐文章于 2024-08-04 17:55:45 发布
阅读量645 收藏
点赞数 1
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41799219/article/details/107032151
版权

这里写目录标题

一、介绍

Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。Yarn安装方式有很多种，本文介绍通过npm安装Yarn。

二、安装Node.js

安装之前需要先安装好Node.js和npm。如果是使用安装版安装Node.js，在安装的过程中，默认是会安装npm的。
node.js和其他软件差不多，基本一直点Next就可以了。
附上Node.js下载地址：传送门

三、安装Yarn

通过第二步安装完Node之后，我们就可以执行npm命令了。
打开命令行窗口：win+R -> cmd -> 回车

npm install -g yarn

-g表示全局安装

在这里插入图片描述
由于我已经安装过了，就不重复安装了。
验证是否安装成功，执行命令

yarn --version

在这里插入图片描述

如果能显示版本号，说明安装成功。

三、使用Yarn构建项目

到需要构建的前端项目根目录下，执行命令：

yarn install

运行项目，执行命令：

yarn run serve
KonBAI-Q
关注
专栏目录
yarn包管理工具的使用
11-07
yarn包管理工具的使用 Yarn是一款流行的包管理工具，与npm相比，它提供了更快的安装速度和更好的性能。下面是关于yarn包管理工具的使用详细介绍。 安装yarn yarn不是node的默认包管理工具，但可以使用npm安装yarn...
使用yarn 创建Vue项目
weixin_50307728的博客
06-18 2214
已经卡在这里很久了镜像也设置了
yarn 包管理工具的使用
weixin_43487782的博客
08-14 497
yarn 是什么 “Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。”这句话让我想起了使用npm时的坑了： npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，重新install的时候依旧如此。 同一个项目，安装的时候无法保持一致性。由于package.json文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。
Yarn：一个快速、可靠且安全的JavaScript包管理工具
最新发布
来自想要赚大钱的小周同学
08-04 1万+
学习目标:了解yarn的安装与配置
vue前端开发自学,使用yarn脚手架创建vue项目
yrldjsbk的博客
01-15 1108
默认vscode开发环境，会自动选择到vue3.、你可以使用键盘的上下箭头，控制，我选择了vue2版本。下面展示一下，如何在本机操作，使用yarn这款脚手架，创建一个vue项目。第一步，你需要先创建好，即将存档项目的文件夹。之后，它还会再次提示你，让你选择，使用哪个脚手架。当你看见，下面出现2行蓝色的内容，就说明安装初始化完毕了。如图，启动项目打开了本地浏览器，看见这个页面。说明你的本地vue项目，启动成功了。如图，你可以使用命令“vue -V”来查看一下，当前你使用的cli的版本情况。
Yarn 包管理器入门指南
笔记、经验、日常分享
04-01 871
Yarn 秉承了 NPM 的部分理念,同时也做出了一些创新,以期提供更高效、安全、一致性强的包管理体验。通过本文,我们了解了 Yarn 诞生的背景、其与 NPM 的区别,以及如何在项目中使用 Yarn 进行包管理。使用 Yarn 可以有效提高包的下载和安装效率,确保依赖版本的一致性,从而提升整体开发体验。总的来说,Yarn 在 Vue 项目中的使用基本上与其他项目类似,只需在创建项目时选择 Yarn 作为包管理器,之后就可以使用。Yarn 的命令行更为简洁、易用,避免了很多 NPM 中复杂的命令和参数。
用yarn run serve运行vue项目时，一直出现\node_modules\@babel\compat-data\data\corejs3-shipped-proposals‘
青春木鱼的博客
12-30 2056
用yarn run serve运行vue项目时，一直出\node_modules\@babel\compat-data\data\corejs3-shipped-proposals'
前端-包管理工具-yarn-yarn使用方法
11-12
前端-包管理工具-yarn。###### **初始化一个新项目** ``` yarn init ``` ###### **添加依赖包** ``` yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] ``` ###### **将依赖项添加到...
JS新包管理工具yarn和npm的对比与使用入门
10-20
在2016年10月11日facebook 公开了新的javascript包管理工具 yarn, 用来替代目前被广泛使用的npm(nodejs 自带的包管理工具)，本文将介绍yarn工具带来的优点和使用入门，以及对比npm解决了什么问题，带来哪些便利。...
yarn包管理工具
03-19
集成yarn包管理工具，可以很好的管理vue等前端项目中的打包等管理，大家可以试试哦
yarn 前端打包工具指定配置文件
08-10
在前端开发领域，`Yarn` 是一个非常流行的依赖管理工具，它被广泛用于替代 `npm` 进行包的安装和管理。`Yarn` 提供了更快的速度、更可靠的重复性和更好的安全性。在某些情况下，我们可能需要对前端项目进行特定的...
Vue（yarn）npm run serve 提升构建速度
Mr.小灰狼_随笔
08-12 2947
Vue（yarn）npm run serve 提升构建速度 目录 Vue 开发环境构建优化 1、背景 2、简介 3、实现
关于vue-cli项目搭建完成之后的yarn serve启动指令
热门推荐
丁晓东go
03-07 2万+
在项目的配置文件package.json里面，声明了两条指令的快捷指令，当执行yarn serve的时候就相当于执行了vue-cli-service serve这条指令。
【前端系列】什么是yarn
檀越的博客
05-12 1万+
是一个命令，通常用于在前端项目中启动开发服务器。Yarn 是一个流行的 JavaScript 包管理器，类似于 npm。yarn run是 Yarn 的一个命令，用于运行项目中定义的脚本。serve是一个自定义的脚本名称，它对应于项目的配置文件中的某个脚本命令。具体的脚本命令可以在项目的文件中的"scripts"部分找到。一般情况下，用于启动前端开发服务器，以便在开发过程中实时预览和调试网站或应用程序。请注意，具体的命令和配置可能因项目而异，因此在运行。
yarn run serve报错Error: Cannot find module ‘@vue/cli-plugin-babel‘ 的解决办法
Spring Boot-Common On With You
02-27 1万+
关于这个问题，是在构建前端工程的时候遇到的，项目构建完成后，“yarn run serve”启动项目时，出现的问题：“ Error: Cannot find module ‘@vue/cli-plugin-babel‘ ”如下图：具体信息如下： npm install -g @vue/cli-plugin-babel@5.0.8
yarn的操作合集
itwangyang520的博客
10-13 1271
版本查看：yarn -v 建立新工程 ：yarn init 添加依赖包：yarn add 安装全局依赖包：yarn global add 更新依赖包：yarn upgrade 移除依赖包：yarn remove 脚本运行：yarn serve 查看依赖包列表：yarn list 项目打包：yarn build yarn的特点： 速度超快。 Yarn 缓存了每个下载...
安装并配置使用包管理工具-Yarn
Sherry
11-16 1196
Yarn是一款功能包管理工具，与npm(npm:Node.js 的包管理器 npm,是目前最流行的Node.js 的包管理器。)类似。有着FAST(快速的), RELIABLE( RELIABLE 可信赖的), AND SECURE DEPENDENCY MANAGEMENT(安全依赖关系管理)的特点。
包管理工具Yarn的使用和命令总结
weixin_50216991的博客
10-05 8256
了解前端开发的人可能会习惯于使用npm或者cnpm作为我们项目的包管理工具，它们在给我们的日常开发带来便利的同时，也伴随着，如：安装慢、无法保持包的一致性等让开发者头疼的问题，于是作为npm的直接竞争对手 Yarn 诞生了。yarn有如下的三个优点:速度快: Yarn 缓存了每个下载过的包，再次使用时无需重复下载。同时它是并行的，因此安装速度更快安全: 在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。可靠。
yarn 常用命令(干干货!)
撑戌圆爱痒生
07-21 808
yarn 常用命令yarn安装依赖包安装卸载依赖包初始化一个新项目安装项目打包项目运行项目 yarn安装 npm install yarn 依赖包安装 yarn add package 卸载依赖包 yarn remove package 初始化一个新项目 yarn init 安装项目 yarn install 或 yarn 打包项目 yarn build 运行项目 yarn run dev(serve) ...
前端开发：详解Yarn包管理工具的使用
"前端开发中的包管理工具Yarn的使用方法" 在前端开发中，包管理工具是必不可少的，它们帮助开发者有效地管理和维护项目中的依赖关系。Yarn是Facebook推出的一款替代npm的包管理器，它提供了更快速、安全和可预测的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值