npm install的时候报错的解决方案

开始学着搭建vue的环境时,按照着https://segmentfault.com/a/1190000008922234 搭建,开始很顺利,到执行npm install 报一下的错误
npm install的时候报错的解决方案_第1张图片

推测应该是目录读写权限问题,查找了各种资料,才解决,方案如下:

①、我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立”node_global”及”node_cache”两个文件夹。如下图
npm install的时候报错的解决方案_第2张图片

②、启动cmd,输入两条命令:
npm config set prefix “e:\php\nodejs\node_global”
npm config set cache “e:\php\nodejs\node_cache”

③、现在我们来装个模块试试,选择express这个比较常用的模块。同样在cmd命令行里面,输入“npm install express -g”(“-g”这个参数意思是装到global目录下,也就是上面说设置的“C:\Program Files\nodejs\node_global”里面。)

④、关闭cmd,打开系统对话框,“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”。如下图
npm install的时候报错的解决方案_第3张图片

⑤、进入环境变量对话框,在系统变量下新建”NODE_PATH”,输入”C:\Program Files\nodejs\node_global\node_modules“。(ps:这一步相当关键。)
2014.4.19新增:由于改变了module的默认地址,所以上面的用户变量都要跟着改变一下(用户变量”PATH”修改为“C:\Program Files\nodejs\node_global\”),要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。

⑥、在你的项目目录下面,重新输入npm install ,可以成功解决。
npm install的时候报错的解决方案_第4张图片

你可能感兴趣的:(vue学习)