安装最新版React devtool

1.按照官方文档执行

安装最新版React devtool_第1张图片
我这里只想在项目里安装,因此执行的
npm install react-devtools@^4

2.安装完成后,在 package.json里加入启动命令

"script": {
	"dev": "react-devtools"
}

执行npm run dev会弹出一个窗口
安装最新版React devtool_第2张图片

如果是全局安装的,则直接执行react-devtools

3.把 copy 到项目的index.html中保存,窗口连接项目成功展示调试界面

安装最新版React devtool_第3张图片

遇到的问题

在安装react-devtools时,npm报错
安装最新版React devtool_第4张图片
可以看到是我的node版本不支持,换成他支持的node版本就OK了

你可能感兴趣的:(React,react.js,前端)