0


vsCode执行npm install命令报错——解决方案

vsCode执行npm install命令报错——解决方案

今天安装了node.js,跑项目,竟然报错,那谁能受的了。
在这里插入图片描述
在这里插入图片描述
果断关闭电脑——睡觉。开个玩笑,玩归玩闹归闹,经验得积累。
在这里插入图片描述

那么正文开始。。。。。。。。。。。。。。。。。。。。。。。。。。

错误详解

该错误发生在修改

npm

的全局安装路径之后,再执行

npm install 包 -g

或是

npm install 包

时发生,但是在管理员身份下运行cmd,均能执行成功**(也不能一直用管理员模式吧,忒不方便了,是吧!)**。

例如:每次都依赖于管理员身份运行命令行——不够方便,且vscode 下的命令行默认也不是管理员身份运行的。
在这里插入图片描述

这就得必须想办法解决是吧。

解决方法

一、修改npm全局安装

注意:在你的nodejs安装的目录里有(node_global,node_cache)这两个文件夹 执行这两个命令需要在管理员模式下打开cmd,运行这两个命令。

那啥,那个手速快的先别运行,将下面看完,下面有运行过程详细描述

1.1命令行

npm config set cache "D:\NodeJS\node_cache"
npm config set cache "D:\NodeJS\node_cache"
注意:这里的路径需得是你自己安装node.js的路径

1.2.将上述

node_global

文件夹的路径加入环境变量。这个安装过node.js都知道咋弄,不知道就算了吧。开个玩笑,唉,又是操劳的一天。下载安装略过,懂得都懂,不懂可以上网搜搜。

1.2.1 node.js 环境配置

下载安装完成后,找到 你的安装路径,在该路径下新建两个文件夹【node_global】和【node_cache】

在这里插入图片描述

打开cmd以管理员身份运行上述两条命令。

npm config set cache "D:\NodeJS\node_cache"
npm config set cache "D:\NodeJS\node_cache"
注意:这里的路径需得是你自己安装node.js的路径

执行完成后,进行环境变量配置。

1、首先在系统变量中新建,变量名称输入NODE_PATH,然后点击浏览目录,找到刚刚新建的node_global文件夹,选中后点击确定,然后在变量值后添加\node_modules,最后点击确定。

在这里插入图片描述

操作完成后你会发现原本原本的node_global文件夹中新增了一个node_modules的文件夹;如果没有自动新建的话就手动新建一个node_modules文件夹。

2、新建完系统变量后,对用户变量中的Path变量进行编辑。点击Path中原本的…\AppData\Roaming\npm,然后点击右侧的浏览并找到之前创建的node_global文件夹,选中后点击确定,将其更改为node_global文件夹的路径,然后点击确定。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3、接着再修改系统变量中的Path,找到系统变量中的Path变量,双击,在弹出的窗口中的空白行中双击输入 %NODE_PATH% ,然后点击一路点击确定,保存并退出环境变量设置窗口。

在这里插入图片描述

在这里插入图片描述

至此,环境变量配置完成。呼,真的好累。

在这里插入图片描述

二、修复方法

1、删除C盘用户下的.npmc文件(有everything的可以方便快捷删除,没有的慢慢找着删)

2、修改node_global的权限:鼠标右击node_global的文件夹,点开属性,再点击安全,再点击编辑,将权限都勾上即可。

在这里插入图片描述

3、在命令行输入npm cache clean --force

执行成功后会出现npm WARN using --force I sure hope you know what you are doing

完成在vue项目中npm的本地仓库设置后,至此,项目到这就能跑了。(项目和人有一个能跑就行。)
在这里插入图片描述

在vue项目中npm如何设置仓库地址呢?

解决方法

一、查看当前地址:

npm config get registry 
https://registry.npmmirror.com
 
npm config get disturl
undefined

二、设置当前地址(设置为淘宝镜像):

npm config set registry http://registry.npm.taobao.org/

三、设置当前地址(设置为默认地址):

npm config set registry https://registry.npmmirror.com

四、每次执行命令前加入-registry指定仓库路径:

npm --registry https://registry.npm.taobao.org install

五、恢复默认镜像地址:

npm config delete registry
标签: vscode npm node.js

本文转载自: https://blog.csdn.net/computet_/article/details/142648463
版权归原作者 默默无闻的程序 所有, 如有侵权,请联系我们删除。

“vsCode执行npm install命令报错——解决方案”的评论:

还没有评论