Vue-devtools、React Developer Tools安装

1、devtoos安装

  • 第一种方式,如果能访问 通过chrome 商店安装,搜索devtools,直接安装就可以

Vue-devtools、React Developer Tools安装_第1张图片

  • 第二种方式,下载github的压缩包,进行安装。地址:https://github.com/vuejs/devtools/releases

Vue-devtools、React Developer Tools安装_第2张图片

  • 解压,进入安装目录。
  • 运行命令yarn
  • 打包命令 yarn run build
  • 将以下文件夹添加到chrome扩展程序中。

Vue-devtools、React Developer Tools安装_第3张图片

最后就可以再浏览器,调试vue项目了。

Vue-devtools、React Developer Tools安装_第4张图片

2、React Developer Tools 安装

第一种方式,跟上面devtoos安装一样,再chrome商店安装。

第二种方式,github下载官方源码,自己编译。https://github.com/facebook/react

Vue-devtools、React Developer Tools安装_第5张图片

编译完成如上图所示,在浏览器扩展页面,点击【加载已解压的扩展程序】,添加上图所示文件夹,就完成了。

Vue-devtools、React Developer Tools安装_第6张图片

你可能感兴趣的:(web前端技术,vue.js,react.js,前端)