react-devtools开发工具安装以及遇到的问题

直接安装在项目里

• 通过运行 npm install react-devtools@^4 可以直接安装在项目中

全局安装调试工具

• 通过运行 npm install -g react-devtools

调试工具如果始终没法安装，就通过官方网站

• Developer Tools点击直达
• 选择下方对应的浏览器进入即可；谷歌需要MF上网

遇到问题

• 无法确定调试工具是否安装，转而安装cnpm
  • 配置node环境，进入node的安装文件夹
  • 新增两个文件

• 配置地址

  • 以管理员身份打开cmd
  • 分两次运行以下代码

   npm config set prefix "C:\Program Files\nodejs\node_global"
   npm config set cache "C:\Program Files\nodejs\node_cache"
  

配置环境变量

• win11直接搜索环境变量--编辑环境变量--系统变量--新建
• 创建新变量名为NODE_PATH 变量值为：安装node文件夹下的node_module目录；我的是：C:\Program Files\nodejs\node_modules

安装cnpm后运行报错

• 安装cnpm后运行报cnpm :无法加载文件 C:\Users\29038\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。

解决方案

以管理员运行powershell；运行下方代码 set-ExecutionPolicy RemoteSigned 输入A选择；回车即可