译注:react-devtools依赖于electron,而electron需要到国外服务器下载二进制包,所以国内用户这一步很可能会卡住。此时请在环境变量中添加electron专用的国内镜像源:ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/",然后再尝试安装react-devtools。
一、怎么添加环境变量?
找到.bash_profile文件
(译注:~表示用户目录,即/Users/你的用户名/,而小数点开头的文件在Finder中是隐藏的,并且这个文件有可能并不存在。请在终端下使用vi ~/.bash_profile命令创建或编辑。如不熟悉vi操作,请自行学习。或者直接进文件夹找)打开Finder,找到 /Users/你的用户名/ 下的.bash_profile文件,默认该文件是隐藏的,可以通过快捷键command+shift+. 来显示或隐藏 隐藏文件。
双击打开.bash_profile文件,并添加内容修改后保存。
export ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"
- 然后使用下列命令使其立即生效(否则重启后才生效):
source ~/.bash_profile
二、安装react-deltools
- 安装
npm install -g react-devtools
- 安装完成后在命令行中执行react-devtools即可启动此工具:
react-devtools