vue.js新建项目时报错 Error: EACCES: permission denied, mkdir

vue cli3， mac os

使用命令行创建项目：

vue create myproject1

执行后开始安装，安装过程中报错，其中第一个错误如下：

gyp ERR! configure error
gyp ERR! stack Error: EACCES: permission denied, mkdir '/Volumes/Studio/myproject1/node_modules/fsevents/build'

看起来是文件操作权限的问题，使用sudo chmod -R 777 myproject1设置文件夹权限后依然报错，给安装命令加sudo也没用。

造成这个问题的原因是npm默认是不支持root权限操作文件的，而我当前用户就是root啊。

解决办法

//会报权限错误，先不管
vue create myproject1

//进入项目文件夹
cd myproject1

//根据之前的配置再次安装，不过这次加上参数
npm install --production --unsafe-perm=true --allow-root

//安装成功，测试运行正常
npm run serve

虽然上面这样运行正常了，不过接着在用vue add xxx 命令的时候又是报权限错误，这样没法再用上面的办法解决了。

只能乱试了，从新安装一下npm

sudo npm i -g npm

给/Users/stormer/.npm这个文件夹读写权限，

sudo chmod -R 777 /Users/stormer/.npm

再测试npm和vue命令都可以正常运行了。