使用Vue Cli创建项目遇EACCES权限错误的排查与解决

问题描述 #

• 通过sudo npm install -g @vue/cli全局安装Vue CLI后，执行vue create创建项目时，每次操作都触发Error: EACCES: permission denied权限错误
• 尝试使用sudo vue create执行命令，问题仍然存在

环境信息 #

• 设备：MacBook M1
• 系统：macOS Ventura 13.3.1 (a)
• 依赖版本：
  • node v18.16.0
  • npm 9.5.1
  • @vue/cli 5.0.8

尝试过的无效方案 #

• 按照npm官方的无sudo全局安装方案操作后，终端无法识别vue命令，执行vue --version时提示zsh: command not found: vue

最终有效解决方法 #

改用yarn替代npm完成Vue CLI的安装与项目创建：

1. 全局安装yarn（未安装时执行）：npm install -g yarn
2. 通过yarn全局安装Vue CLI：yarn global add @vue/cli
3. 后续执行vue create创建项目即可正常运行，不再出现权限相关错误

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