Vue-devtools、React Developer Tools安装

简介: Vue-devtools、React Developer Tools安装

1、devtoos安装

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

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

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

2、React Developer Tools 安装

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

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

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

相关文章
|
5月前
|
前端开发 JavaScript CDN
React 安装(CDN)
10月更文挑战第6天
95 2
|
5月前
|
资源调度 前端开发 JavaScript
React 安装(NPM)
10月更文挑战第6天
123 1
|
5月前
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
1433 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
|
6月前
|
前端开发 开发工具 git
全局安装react
全局安装react
33 1
|
7月前
|
前端开发
React——开发调式工具安装【五】
React——开发调式工具安装【五】
49 0
React——开发调式工具安装【五】
|
8月前
|
前端开发
react18【实战】tab切换,纯前端列表排序(含 lodash 和 classnames 的安装和使用)
react18【实战】tab切换,纯前端列表排序(含 lodash 和 classnames 的安装和使用)
73 1
|
8月前
|
Web App开发 JavaScript 前端开发
react18【系列实用教程】搭建开发环境(2024版)Vite+React (官方推荐)(含@配置,react-developer-tools 和 Redux DevTools 下载安装)
react18【系列实用教程】搭建开发环境(2024版)Vite+React (官方推荐)(含@配置,react-developer-tools 和 Redux DevTools 下载安装)
417 1
|
8月前
|
JavaScript 前端开发
vitepress初始化安装,最全 “vitepress > @docsearch/js > @docsearch/react > ,ENOENT: no such file or
vitepress初始化安装,最全 “vitepress > @docsearch/js > @docsearch/react > ,ENOENT: no such file or
|
缓存 JavaScript 前端开发
Windows7压缩包安装node.js 报错提示windows Server 2012 R2 和安装React脚手架 最详细教程
对于Windows 7安装node.js 提示“This application is only supported on wWindows 8.1,windows Server 2012 R2, or higher.”类似这种情况的,该问题是因为node.js官方在 x12版本后就不支持win7系统了。
|
前端开发
React踩坑-安装npm install fetch-jsonp报错
React踩坑-安装npm install fetch-jsonp报错
83 0