npm、yarn环境配置缓存配置

最新推荐文章于 2024-05-28 10:38:56 发布
最新推荐文章于 2024-05-28 10:38:56 发布
阅读量1k 收藏 7
点赞数
文章标签： npm yarn 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60634390/article/details/123197098
版权

npm、yarn的安装及各种配置

前提条件

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

首先在D盘新建一个名为nodejs的文件，在nodejs下创建node_global和node_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_cache和yarn_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
    评论
npm和yarn安装机制及缓存
郊眠寺
09-27 1391
《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）
node、npm、yarn环境安装与配置
02-02
在IT行业中，Node.js、npm和Yarn是JavaScript开发中的三大关键工具，它们共同构建了JavaScript的后端运行环境和包管理生态。本篇将详细阐述这三个组件的安装与配置。 首先，Node.js是JavaScript的一个运行环境，它...
yarn设置缓存，清除缓存
AdleyTales的技术博客
10-09 1万+
查看yarn全局缓存目录 yarn cache dir 清除缓存 yarn cache clean 设置缓存目录 yarn config set cache-folder <path> # example yarn config set cache-folder
配置npm config set prefix和npm config set cache报错的问题
chaihaiqiang的博客
05-28 492
此外，如果你不需要改变 npm 的缓存目录，你也可以选择不进行设置，npm 默认会在用户的主目录下创建一个 .npm 文件夹来作为缓存目录。如果你只是想改变缓存的位置，而不是解决特定的错误，确保新的缓存目录存在并且有适当的写入权限也是很重要的。如果上述步骤不能解决问题，或者如果在尝试过程中遇到其他错误，请确保你有足够的权限在指定路径上创建文件夹，并且你的 npm 版本是最新的，有时候更新 npm 到最新版本可以解决一些兼容性和已知的问题。
npm & yarn 修改全局安装及缓存位置
iamluoy的博客
07-28 1008
npm & yarn 修改全局安装及缓存位置
设置npm仓储和缓存位置
Junibl1231的博客
05-14 6533
设置npm仓储和缓存位置，有两种方式
nodejs全局（npm、cnpm、yarn）及缓存基本配置，一篇就搞定
在下月亮有何贵干
07-29 1603
nodejs全局（npm、cnpm、yarn）及缓存基本配置，一篇就搞定安装nodejsnpmcnpmyarn异常处理 安装nodejs 官方下载地址 建议挑一个常用盘，命名nodejs，我配置的路径为D:\nodejs，以下路径自己记得修改到自己配置的位置 npm 安装好nodejs之后就拥有npm了，但是它下载资源太慢了，因此我们需要配置cnpm和yarn，先查看自己npm环境是否正确，打开cmd运行 npm -v C:\Users\admin>npm -v 6.14.6 然后配置全局包和缓存的
nodejs安装及环境配置.rar
最新发布
06-13
2. 配置npm全局模块和缓存路径：默认情况下，npm会将全局模块安装在用户目录下的.npm目录中，你可以通过`npm config set prefix`命令更改全局模块路径，同时`npm config set cache`可以修改缓存路径。 三、Node.js...
yarn 前端打包工具指定配置文件
08-10
例如，如果我们有两个 `Webpack` 配置文件 `webpack.common.js` 和 `webpack.dev.js`，可以使用以下命令来指定开发环境配置： ``` yarn build --env config=dev ``` 然后，在 `Webpack` 配置文件中，我们可以...
npm-vs-yarn：比较npm与纱线
02-03
尽管Yarn在发布之初获得了广泛赞誉，但随着时间推移，npm也在不断改进，引入了类似Yarn的功能，如锁定文件（`package-lock.json`）、并行安装和优化的缓存机制。这使得npm和Yarn之间的差距逐渐缩小。 在选择npm还是...
npm2yarn-crx插件
04-05
而npm2yarn-crx插件则是在浏览器环境中引入了这一优势，当开发者在Chrome的开发者工具中点击"npm i"（即npm install）时，该插件会自动将其替换为"yarn add"，实现快捷添加项目依赖。 使用npm2yarn-crx插件，开发者...
npm和yarn更改依赖包全局下载和缓存路径
云player的博客
02-23 1886
npm和yarn更改依赖包全局下载和缓存路径
yarn的安装及配置
jieshdad的博客
07-07 1万+
编辑用户变量里的Path，将相应npm的路径（“C:\Users\用户名\AppData\Roaming\npm”）改为：“node_global的文件路径”这是 Node.js 模块缓存目录，用于存储通过 npm 或 Yarn 安装的模块的缓存文件。当你安装 Node.js 模块时，这些模块会首先被下载到。新建一个变量名为 “NODE_PATH”， 变量值为“node_modules\的目录”用于全局安装的 Node.js 模块的默认目录。标志安装 Node.js 模块时，这些模块将被安装到。
yarn 离线依赖缓存包的制作与使用
Small_White_0的博客
08-25 1507
yarn 离线依赖缓存包的制作
node npm yarn nvm pnpm
风.foxwho(神秘狐)
03-11 3253
npm install -g n 查看最新版 n --stable 查看当前版 node -v npm -v 安装最新版 n stable 查看当前版 node -v npm -v npm install npm@latest -g npm cache clean -f npm -v #显示版本，检查npm 是否正确安装。 npm install express #安装express模块 npm install -g express #全局安装express模块 npm list
npm简介和设置缓存路径
热门推荐
牛八少爷的专栏
08-19 2万+
1 npmjs官网：https://www.npmjs.com/ npm是世界上最大的JavaScript的包管理器的软件注册表，npm可以共享和分发代码，管理项目中的依赖项； 安装Nodejs时会自动安装npm，但是局路径是C:\Users\Caffrey\AppData\Roaming\npm  默认的缓存路径是C:\Users\Caffrey\AppData\Roaming\npm-ca...
修改Yarn的全局安装和缓存位置，节省C盘空间提升速度
禅思院
07-26 1万+
在CMD命令行中执行 1.改变 yarn 全局安装位置 $ yarn config set global-folder "你的磁盘路径" 2.然后你会在你的用户目录找到 .yarnrc 的文件，打开它，找到 global-folder ，改为 --global-folder $ yarn config set global-folder "D:\Software\yarn\global" ...
npm install 设置缓存
Yucen的博客
03-31 1491
设置缓存地址 设置本地缓存地址，如果地址不存在会创建，注意 " " 要写 npm config set cache "AbsolutePath" 设置缓存策略 先匹配缓存数据，再去访问网络 npm install--prefer-offline 参考：https://blog.csdn.net/daihaoxin/article/details/105749014 ...
npm 设置 prefix或cache （更改全局的默认位置）
takujo的博客
04-29 6859
npmconfig set cache "D:\nodejs\cache" //任意文件夹 npmconfig setprefix"D:\nodejs\npm" //任意文件夹 如果失败备选方案 在nodejs的安装根目录中找到node_modules\npm\npmrc文件 添加或修改如下即可： prefix= D:\nodejs\npm cache = D:\node...
yarn配置运行环境
09-02
要配置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、付费专栏及课程。

余额充值