Mac非管理员用户npm安装create-react-app失败，求解决方法

Hey there! 既然你没有这台Mac的管理员权限，没法直接用全局安装的方式搞定create-react-app，那咱们换几个实用的方案来解决这个问题：

方案1：用npx直接运行（无需全局安装） #

这是最省心的方式，npx会临时下载最新版的create-react-app来创建项目，完全不需要全局安装权限，命令也简单：

npx create-react-app 你的项目名称

比如你想叫项目my-react-app，就输入npx create-react-app my-react-app。等命令跑完，进入项目目录cd my-react-app，然后执行npm start就能启动开发服务器了。

方案2：配置本地npm全局目录（长期解决全局包安装问题） #

如果之后你还需要安装其他全局npm包，建议给自己建一个本地的全局目录，这样就不用每次都找管理员要权限了：

• 第一步：在你的用户目录下创建一个专门存放全局包的文件夹：

  mkdir ~/.npm-global
  

• 第二步：告诉npm使用这个新目录作为全局包的存放路径：

  npm config set prefix '~/.npm-global'
  

• 第三步：把这个目录添加到系统的PATH环境变量里，这样终端能找到你装的全局命令。根据你用的终端（bash或zsh），编辑对应的配置文件：
  • 如果是zsh（Mac默认终端一般是这个），编辑~/.zshrc文件，加一行：

    export PATH=~/.npm-global/bin:$PATH
    

  • 如果是bash，编辑~/.bash_profile或~/.bashrc，加同样的内容。
• 第四步：刷新配置让修改生效：

  source ~/.zshrc  # zsh用户用这个
  # 或者 source ~/.bash_profile  # bash用户用这个
  

• 第五步：现在就可以正常全局安装create-react-app了：

  npm install -g create-react-app
  

额外小提示 #

• 如果之前安装失败留下了缓存问题，可以先清理npm缓存再试：

  npm cache clean --force
  

• 确保你的npm版本是最新的，避免兼容性问题：

  npm install -g npm --prefix ~/.npm-global
  

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