Mac系统配置vue环境出现的权限问题解决方法

vue环境具体配置及创建项目的教程详见月泰的博客
或者通过苹果终端命令来进行安装:

安装node.js:
/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”

安装npm:
1.获取node安装模块的权限:sudo chmod -R 777 /usr/local/lib/node_modules/
2.大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装webpack:npm install webpack -g

安装vue脚手架:npm install vue-cli -g

好,上面都是一波配置安装操作。我也是在百度上看到的教程然后进行操作,结果出现了这样的问题:
在安装脚手架或者webpack出现了报错:
Mac系统配置vue环境出现的权限问题解决方法_第1张图片

在获取node安装模块的权限的时候出现了这样的问题:
在这里插入图片描述
排除其他错误之后,百度上说是权限问题。
这里会让你输入密码,但是密码不会显示出来,你只管输入按下回车就行了。但是当我输入密码之后,出现了operation not permitted的提示,不被允许进行操作,表示没有权限去修改文件目录的路径。因为苹果加了系统集成保护(System Integrity Protection,SIP),这是为了防止恶意篡改系统内核程序而设置的一种内核保护机制,即使是root用户也有一些目录是无法修改的。这是时候我们就需要取关闭SIP。
关闭SIP的步骤:点击苹果LOGO重启电脑,在电脑出现苹果LOGO时一直按住command+R不放,记住是一直按住不放,然后就会进入恢复模式,如图:
Mac系统配置vue环境出现的权限问题解决方法_第2张图片
安装如图所示操作打开Terminal终端,输入命令:csrutil disable,显示成功之后再点击LOGO重启电脑即可,重启电脑之后再进行如上的环境配置操作,vue-cli脚手架就安装成功了:Mac系统配置vue环境出现的权限问题解决方法_第3张图片
最后不需要再用到权限时,还是把SIP打开,操作和之前关闭一样,命令改为:csrutil enable,显示成功即可。

你可能感兴趣的:(Mac系统配置vue环境出现的权限问题解决方法)