蕞新vue或react开发者调试工具安装（简洁版）

最新推荐文章于 2023-01-12 18:04:26 发布
最新推荐文章于 2023-01-12 18:04:26 发布
阅读量609 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zuo_kaizheng/article/details/122363799
版权

Chrome扩展 开发者工具 React调试 Vue调试 前端开发
关键词由CSDN通过智能技术生成

安装开发者调试工具后的效果展示

在这里插入图片描述
如果打开的网页是react或vue框架搭建的图标颜色就会亮（调式工具具体怎么使用这里就不多说了）

下载安装包

https://gitee.com/zuo-bufan/react_dev_tools

打开Google浏览器（找到扩展程序）

在这里插入图片描述

打开扩展程序（打开开发者模式）——> 点击加载已解压的扩展程序

在这里插入图片描述

选择文件夹Vue-Devtools–master

在这里插入图片描述
vue的开发者调试工具安装完成
在这里插入图片描述

选择react_dev_tools

在这里插入图片描述
react调试工具安装完成
在这里插入图片描述

遇到问题不要慌
关注
前端主流框架(VUE,React,Angula)和umi脚手架的安装与使用(npm与cmd命令)
Hjdjdhg的博客
09-21 943
CMD要在管理员模式下运行！CMD要在管理员模式下运行！CMD要在管理员模式下运行！前端主流框架(VUE,React,Angula)和umi脚手架的安装与使用(npm与cmd命令)
Pinia全新一代状态管理工具Pinia-Vue3全家桶
qq_57334853的博客
08-15 1980
自2022年2月7日前端Vue3成为默认版后，Vuex的状态管理地位受收到了Pinia 的挑战。我相信当你使用过Pinia之后，就会果断的抛弃Vuex的。因为Pinia确实太方便和简单了。
01_vue和react的安装
chuange6363的博客
09-10 238
本系列文集将对Vue.js和ReactJS同时进行记录，基本的语法将会忽略，重点放在实现上，例如同一个功能会分别采用Vue.js和ReactJS各做一次实现。 对于javascript(简称JS)或者JS的框架而言，没有安装的概念，因为所有的JS文件只要下载到本机，就可以直接使用(不需要做任...
React/vue等开发者工具及插件分享，含如何安装开发者工具
m0_59507959的博客
09-27 626
React/vue等开发者工具及插件分享，含如何安装开发者工具
Vue及React脚手架安装
我的博客
02-25 303
React npm i -g create-react-app create-react-app project Vue cnpm install -g vue-cli vue create project
前端很慌！React 称霸，Vue 凶猛，TypeScript 威逼 JavaScript
CSDN资讯
01-02 1572
【CSDN编者按】2018 年前端开发继续飞速发展，前端工程师的薪资更是水涨船高，本文就整理了 2018 年度前端开发领域的重大事件，包括：WebAssembly 发布标...
采用由Vue和ReactNative开发的移动版HackerNews
08-10
【标题】：“采用由Vue和React Native开发的移动版HackerNews”是一个项目，它结合了两种流行的前端框架——Vue.js和React Native，用于构建跨平台的移动应用程序，特别是针对Hacker News社区的新闻阅读应用。...
vuera-react-vue-demo-app:只是试图让Vuera将Vue加载到React App中
05-06
React以其组件化和强大的生态系统而闻名，而Vue则以简洁的API和易于上手著称。Vuera的存在允许开发者利用Vue的某些特性，比如它的模板语法或响应式数据绑定，而无需完全迁移到Vue的生态系统。 关于Vuera的工作原理...
一份全面的React、Angular和Vue.js比较指南
明月如霜丶
09-30 1305
对于开发人员而言，选择技术栈有时是一件相当棘手的任务。因为您需要综合考虑诸如：预算、时间、应用大小、最终用户、项目目标、以及可用资源等多方面因素。 无论您是初学者、开发人员、自由职业者还是项目架构师，只有详细了解了每种框架的优、缺点，才能做出明智的决定。因此，本文不会简单地帮您选择出所谓最好的框架，而是完全由您的项目范围和框架适用性，来决定自己的选择结果。当然，本文旨在帮助您更好地理解每一种框架的...
现代化前端框架选型对比：Vue vs React
因为Vue和React在性能、开发体验、生态系统等方面有着明显的优势，对于前端开发者来说，选择合适的框架能够极大地提升工作效率和代码质量。接下来，我们将深入比较Vue和React这两大框架，帮助你更好地选择适合自己项
npm安装cnpm Vue React
weixin_42642664的博客
09-11 292
安装cnpm 命令：npm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue cnpm install --gvue-cli vue init webpack my-name cd my-name cnpm install cnpm run dev 安装react cnpm install -g create-...
Vue中引入react组件
最新发布
蒲厷渶と戀的博客
01-12 3245
vue中引入react组件
Vue学习记录--调试工具devtools的安装与使用
小灰狼与大白兔的博客
02-17 6232
链接：https://pan.baidu.com/s/1m7l6tMBvzFxGoIHFPgbaKw 提取码：ewpj 下载上面的文件，将他放到一个固定的地方 打开谷歌浏览器设置—>扩展程序–》勾选开发者模式—》加载已解压的扩展程序—》选择“chrome扩展”文件夹，至此恭喜已经安装成功！！！ 用谷歌浏览器打开vue项目，按F12 ,然后点击vue就可以使用了 ...
npm安装cnpm、vue、react
weixin_30773135的博客
10-27 162
安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org 安装vuecnpm install --global vue-clivue init webpack my-projectcd my-projectcnpm installcnpm run dev 安装reactcnpm install -g create-...
一分钟下载并安装vue-devtools（详细步骤）
Beatingworldline的博客
06-06 3660
一分钟教你安装Vue.js devtools
【VsCode】VsCode（Vue/React）的安装与48个插件大全
【敦厚的曹操】的专栏
04-12 9750
一、下载和安装 下载地址：https://code.visualstudio.com/download是Microsoft（微软的产品） 最好安装System Installer版 二、配置 1、打开【设置】，找到或搜索【Format on Save】，打对勾。 2、打开【设置】，找到或搜索【AutoSave】，选择：afterDelay。 三、插件（陆续更新中，红色推荐前端安装） 1、Chinese Language （简体中文，重启软件生效）。 2、Live Server（按alt+..
vue项目中使用react组件
Claire_cz的博客
06-13 5826
vue中使用react组件
10个值得你去试试的React开发工具
web前端开发
11-13 937
JavaScript每天都在出现大量的框架和工具，而React是除了上次我们提到的Vue和Ember之外另一款比较流行的框架。但因为新的工具每天都在不断的出现，开发者在尝试时总会有些不知...
实现 vue、react内部 页面源码展示 的高亮显示 之使用highlight.js
缘于始，终于途
08-20 808
话不多说先上一个我各方收集资源参考 elment-ui实现的最终效果（此处以vue项目为例） 下面来说一下我实现的具体流程和实现中遇到的问题 1.vue项目 有现成的项目更好 没有的就自己搭一个吧在这里 我就不过多赘述了 实在不会的 我也教！！！ 1.创建脚手架工具 demo中 cnpm install vue-cli -g vue list 1.建立vue项目（e:） vue init webpack objname;(输入name) 2.启动vue项目 cd objname //跳转..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值