安装React Developer Tools

译注:react-devtools依赖于electron,而electron需要到国外服务器下载二进制包,所以国内用户这一步很可能会卡住。此时请在环境变量中添加electron专用的国内镜像源:ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/",然后再尝试安装react-devtools。

一、怎么添加环境变量?

  1. 找到.bash_profile文件
    (译注:~表示用户目录,即/Users/你的用户名/,而小数点开头的文件在Finder中是隐藏的,并且这个文件有可能并不存在。请在终端下使用vi ~/.bash_profile命令创建或编辑。如不熟悉vi操作,请自行学习。或者直接进文件夹找)

  2. 打开Finder,找到 /Users/你的用户名/ 下的.bash_profile文件,默认该文件是隐藏的,可以通过快捷键command+shift+. 来显示或隐藏 隐藏文件。

  3. 双击打开.bash_profile文件,并添加内容修改后保存。

export ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"
  1. 然后使用下列命令使其立即生效(否则重启后才生效):
source ~/.bash_profile

二、安装react-deltools

  1. 安装
npm install -g react-devtools
  1. 安装完成后在命令行中执行react-devtools即可启动此工具:
react-devtools

你可能感兴趣的:(安装React Developer Tools)