npm、yarn环境配置缓存配置

npm、yarn的安装及各种配置

前提条件

学习vue的这个月快被npm、yarn给搞死了,之前调这玩意一调就是大半天还是调不好,调好之后又是因为各种原因报错比如node版本问题,有些插件的问题,环境变量配置问题。建议按照我的步骤一步步来不然很容易出错,亲身经历。路径我是放在D盘,不建议放在C盘。

首先在D盘新建一个名为nodejs的文件,在nodejs下创建node_globalnode_cache两个文件夹。

在这里插入图片描述

npm下载

直接百度就好,下这个中文网的这个,官网的那个新版本容易报错

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在下载的文件夹中双击打开这个==.msi==

在这里插入图片描述

没截图的就Next就行了

在这里插入图片描述

在这里插入图片描述

npm设置

win+R打开运行,打开cmd

在这里插入图片描述

设置npm全局安装位置:npm config set prefix "D:\nodejs\node_global"

在这里插入图片描述

设置npm缓存位置:npm config set cache "D:\nodejs\node_cache"

在这里插入图片描述

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

在这里插入图片描述

输入npm config list可以查看配置

在这里插入图片描述

配置环境变量

这里我把之后会遇到的错误的环境变量都配置了,yarn的也配置了,别闲麻烦。

右击此电脑找到属性
在这里插入图片描述

右侧可以找到这个高级系统设置

在这里插入图片描述

在这里插入图片描述

上方环境变量,双击Path
在这里插入图片描述

将默认的这个删除

在这里插入图片描述

将这三个添加进去,前两个是npm的后一个是yarn的

在这里插入图片描述

在系统变量这点击新建

在这里插入图片描述

输入变量名和变量值

在这里插入图片描述

系统变量这双击Path
在这里插入图片描述

在这里插入图片描述

yarn的安装、设置

在nodejs文件下新建yarn_cacheyarn_global,用来存储yarn的缓存路径

在这里插入图片描述

win+R打开运行,打开cmd

在这里插入图片描述

安装yarn: npm i -g yarn

设置全局安装位置和缓存位置

yarn config set global-folder "D:\nodejs\yarn_global"

yarn config set cache-folder "D:\nodejs\cache_global"

在这里插入图片描述

查看yarn配置yarn config list

在这里插入图片描述

建议及感想

全局安装vue脚手架使用npm安装: npm i @vue/cli -g

很奇怪的是通过yarn安装的vue.cmd文件不知道跑哪去了,输入vue -V就会报错

通过npm安装的是正常的,不会报错

但不打紧的是,建立项目的时候可以用yarn

有时候稍微感觉很卡就Ctrl+c一下,反正我就这样搞,有时候几分钟都不动,在不行一直Ctrl+c打断重新输入命令

在这里插入图片描述

安装vite: yarn create vite

我之前就是把npm、yarn这些放在了D:\Program Files\nodejs\…

安装vite的时候使用yarn报错,报错原因是Program Files文件中间有个空格。。。

然后我就重新装了yarn这些

在这里插入图片描述

如果出现些某名奇妙的报错可能是权限不够,使用管理员权限打开cmd或者powerShell就行了

就像这样

在这里插入图片描述

看过许多npm、yarn各种报错的博客,但最后还是靠自己搞懂了点这玩意

那些基本的安装的博客就不说了,装了之后以后的各种报错够你受的,还是弄得这玩意比较好,说不定以后在弄个啥就又报错了。。。

主要是我这人比较刚打死都不会装在C盘,装在C盘步骤少很多,但真的占空间

最后

主要从以下两个得到了灵感,一个是安装vue脚手架,使用vue -V指令一直报错,一个是vite报错

(17条消息) npm配置系统环境变量,yarn配置环境_chunmeizhang_88的博客-CSDN博客_yarn配置环境变量

npm、yarn设置全局安装位置和缓存位置 - 简书 (jianshu.com)

CSDN博客_yarn配置环境变量](https://blog.csdn.net/chunmeizhang_88/article/details/102923398)

npm、yarn设置全局安装位置和缓存位置 - 简书 (jianshu.com)

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
配置yarn运行环境,可以按照以下步骤进行操作: 1. 在node.js安装目录下新建两个文件夹,分别命名为yarn_global和yarn_cache。这些文件夹将用于存储全局安装的yarn包和yarn缓存文件。 2. 打开命令提示符(cmd.exe)并以管理员身份运行。在命令提示符中输入以下命令,将yarn的全局安装路径和缓存路径进行配置: ``` yarn config set global-folder "D:\xx\nodejs\yarn_global" yarn config set cache-folder "D:\xx\nodejs\yarn_cache" ``` 3. 配置环境变量。在系统变量中新建一个变量名为"NODE_PATH",值为"D:\xx\nodejs\node_modules\"。在用户变量中编辑Path,将相应的npm路径(通常是"C:\Users\用户名\AppData\Roaming\npm")改为"D:\xx\nodejs\node_global"。 4. 安装yarn。在命令提示符中输入以下命令进行全局安装: ``` npm install -g yarn ``` 5. 查看相关路径,确保路径都在"D:\xx"下。可以使用以下命令进行检查: ``` npm prefix -g // 查看当前npm包的全局安装路径 yarn global bin // 查看yarn全局bin位置 yarn global dir // 查看yarn全局安装位置 yarn cache dir // 查看yarn全局缓存位置 ``` 6. 设置权限。将node.js安装目录下的node_global和node_cache,以及yarn_global和yarn_cache文件夹,包括node_modules文件夹和node.js自身,都设置为最高权限。 注意:以上步骤中的路径"D:\xx"需要根据实际情况进行修改,确保路径正确无误。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [成功修改yarn的安装路径并配置环境](https://blog.csdn.net/hu_666666/article/details/129713620)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Hadoop2.X/YARN环境搭建--CentOS7.0系统配置](https://download.csdn.net/download/weixin_38575536/12831919)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值