# react 开发者工具 React Developer Tools 的安装

265 阅读1分钟

react 开发者工具 React Developer Tools 的安装

今天给大家推荐一个 react 的开发者工具,这个大家应该都知道,可以帮助我们快速的查阅组件、状态、路由的工具,就像是 vue 里面的 dev-tools 工具一样,今天说一下安装和使用。这里说谷歌浏览器的哈,然后呢,需要外网,不然访问不了谷歌应用商店。但是像是 360浏览器 或者是其他浏览器操作也类似,那些浏览器的应用商店应该也是有的。

React Developer Tools

  1. 打开 chrome 浏览器。在这里插入图片描述
  2. 打开扩展程序。 在这里插入图片描述
  3. 点击左上角三道横杠。 在这里插入图片描述
  4. 点击左下“打开chrome网上应用店”。

在这里插入图片描述

如果你的网络是可以访问谷歌应用商店的话是可以正常打开的!

  1. 在输入框输入搜索 React Developer Tools 工具 在这里插入图片描述
  2. 搜索到结果,点击进入。

在这里插入图片描述

  1. 添加工具到浏览器。

在这里插入图片描述

OK,到这里,就从谷歌应用商店添加 React Developer Tools 到浏览器就完成了!