Node.js | Yarn下载安装与环境配置

一、安装Node.js

Yarn 是 Node.js 下的包管理工具,因此想要使用 Yarn 就必须先下载 Node.js。

推荐参考: Node.js | npm下载安装及环境配置教程

二、Yarn安装

打开cmd,输入以下命令:

bash 复制代码
npm install -g yarn

检查是否安装成功:

bash 复制代码
yarn -v

三、修改目录

PS:以下路径均为自定义路径,请根据自身需求修改)

1)修改全局 bin 位置:

bash 复制代码
# 查看 yarn 全局 bin 位置(一般和 npm 同步)
yarn global bin

# 修改bin目录路径
yarn config set prefix "自定义bin目录路径"

2)修改全局安装路径:

bash 复制代码
# 查看 yarn 全局安装位置
yarn global dir

# 修改全局安装路径:
yarn config set global-folder "C:\Program Files\nodejs\node_global\yarn_global"

3)修改全局缓存位置:

bash 复制代码
# 查看 yarn 全局 cache 位置
yarn cache dir

# 修改缓存位置: 
yarn config set cache-folder "C:\Program Files\nodejs\node_global\yarn_cache"

四、配置环境变量

添加系统变量Path全局安装目录路径\node_modules\.bin,例如:

C:\Program Files\nodejs\node_global\yarn_global\node_modules\.bin

五、配置国内镜像源

bash 复制代码
查看
yarn config get registry

// 修改yarn源(此处为淘宝的源)
yarn config set registry https://registry.npm.taobao.org

说在最后

如果是第一次使用 Yarn ,可能会遇到刚下好的包无法查看版本,如下图:

可能是\node_modules\.bin这个目录系统刚自动创建好没有生效,退出当前的 cmd 窗口后再次打开 cmd 输入命令查看就能生效了。

相关推荐
江城开朗的豌豆5 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆5 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆6 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆7 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js
小磊哥er13 分钟前
【前端工程化】前端组件模版构建那些事
前端
前端 贾公子14 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript
江城开朗的豌豆19 分钟前
Vue路由传参避坑指南:params和query的那些猫腻
前端·javascript·vue.js
十里青山27 分钟前
超好用的vue图片预览插件更新啦,hevue-img-preview 7.0.0版本正式发布,支持vue2/vue3/移动/pc,增加缩略图、下载、自定义样式等
前端·javascript·vue.js
lichenyang45336 分钟前
css模块化以及rem布局
前端·javascript·css
小熊哥^--^37 分钟前
条件渲染 v-show与v-if
前端