Mac系统下无法通过Vue CLI创建Vue项目，寻求技术解决方案

我之前在Mac上折腾Vue项目初始化的时候，也碰到过几乎一模一样的问题，尤其是对终端权限和文件系统不熟悉的时候，真的越搞越懵！咱们一步步来拆解解决：

先搞清楚错误根源 #

你碰到的EPERM: operation not permitted, utime错误，大多是npm全局包权限混乱或者vue-cli模板缓存的文件权限问题，还有可能是用sudo切换用户执行命令后，导致文件所有者和当前用户不匹配引发的。

具体解决步骤 #

• 修复npm全局目录权限（最关键）
  Mac默认的npm全局安装目录权限经常会出问题，别随便用sudo装包，先把权限改回当前用户：

  1. 先查看npm全局路径：

     npm config get prefix
     

  2. 把该路径下的相关目录权限改成当前用户所有：

     sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}
     

  改完之后，后续安装全局包就不用加sudo了，也能避免很多权限坑。

• 重新安装vue-cli（优先用新版）
  旧版的vue-cli（vue init命令）已经不再维护了，推荐用新版的@vue/cli：

  1. 卸载旧版（如果之前装过）：

     npm uninstall -g vue-cli
     

  2. 安装新版：

     npm install -g @vue/cli
     

  3. 用新版命令创建项目：

     vue create my-vue-project
     

  如果非要用旧的webpack模板，可以用vue init webpack my-vue-project，但建议尽量转新版。

• 清理vue-cli模板缓存
  如果还是报utime错误，大概率是缓存的模板文件权限有问题，直接删掉缓存目录：

  rm -rf ~/.vue-templates
  

  之后再重新执行项目初始化命令，会重新下载干净的模板。

• 解决WebStorm创建项目的权限问题

  1. 打开Mac的「系统偏好设置」→「安全性与隐私」→「隐私」→「文件与文件夹」，找到WebStorm，勾选它需要访问的项目目录权限。
  2. 检查WebStorm的Node配置：打开File→Settings→Languages & Frameworks→Node.js and NPM，选择你终端正在使用的Node版本（避免版本不一致引发的权限或依赖问题）。

额外提醒 #

尽量不要用sudo执行npm相关命令，很容易把文件所有者改成root，后续操作全是权限错误；如果经常折腾Node版本，推荐用nvm来管理Node，能彻底避开很多全局权限问题。

内容的提问来源于stack exchange，提问作者user2856066