React 学习笔记 —— React 开发者工具安装

• 在chrome地址栏输入 chrome://extensions/ 回车

• 点击扩展程序
  

• 打开应用商店（需要VPN）
  

• 搜索 react developer tools
  

• 认准提供方 facebook，然后添加
  

• 可以在扩展程序页面看到已经添加成功
  

• 将其钉住，方便查看
  

• 如果当前页面是由react开发，则该开发者工具会被激活，例如：美团官网
  

• 然后在控制台中，可以看到多出了两个选项
  

• 其中 Components中，包含了组件信息，Profiler包含了性能信息
  
  

• 注意，本地打开的网页文件不会激活开发者工具
  

• 可以通过VSCode 插件：Live Server，运行本地服务