如何给谷歌安装 react 调试工具? 即如何安装 React developer tools 工具? 下面本篇文章就来给大家介绍一下在谷歌上安装 react 调试工具 --React developer tools 工具的方法, 希望对大家有所帮助.
在谷歌浏览器上安装 react 调试工具 --React developer tools 工具的方法
一, 使用 Chrome 网上应用店
1. 点击 Chrome 浏览器右上角三个点 - 更多工具 -> 扩展程序 (或者在浏览器里面直接输入 Chrome://extensions / 也可以进入到扩展程序里面)
2. 点击左上角 [扩展程序] -[打开 Chrome 网上应用店]
3. 搜索 React, 将会出现一系列与 react 有关的插件, 一般情况下, react developer tools 插件在第一个, 选择安装就行了.
二, 通过 GitHub 下载
1. 先进入到 https://github.com/facebook/react-devtools 网址
2. 通过 Git clone https://github.com/facebook/react-devtools.git 下载到本地 (或者直接点击下载)
3. 下载之后进入到 react-devtools 目录下, 用 NPM 安装依赖
NPM --registry https://registry.npm.taobao.org install
4. 然后在 NPM run build:extension:Chrome
运行成功会有图片中的红色区域的命令
5.
这样在网页中按下 f12 选择 react 即可使用.
来源: http://www.css88.com/qa/react/14815.html