chrome浏览器识别网页用vue或者react

需要在chrome浏览器里安装插件vue-devtools和react-developer-tools

如果已以下可直接忽略,直接在扩展程序里面搜索安装即可

安装vue-devtools:
在github下载vue-devtools源码,地址:https://github.com/vuejs/vue-devtools
chrome浏览器识别网页用vue或者react_第1张图片
下载完成后,邮件解压。打开cmd命令行工具,cd x:/xx/vue-devtools-dev 进入目录下 执行npm install(npm 命令需要安装node), 下载依赖。下载完成后执行npm run build
chrome浏览器识别网页用vue或者react_第2张图片
编译完成后 进入到 vue-devtools-dev\shells\chrome 找到manifest.json
chrome浏览器识别网页用vue或者react_第3张图片
修改persistent 为true 即可。
打开chrome浏览器 访问chrome://extensions/ 选上开发者模式 。
将vue-devtools-dev\shells\chrome 文件夹拖到浏览器
安装react-developer-tools:
链接: https://pan.baidu.com/s/1VLkSKFBBsQzskSayqT-msQ 提取码: xt65
下载react-developer-tools.zip 完成后解压
将react-developer-tools 文件夹拖到浏览器
vue-devtools-dev和react-developer-tools安装成功如图
chrome浏览器识别网页用vue或者react_第4张图片
打开vue开发的网页 浏览器右上角区域显示
在这里插入图片描述
打开react开发的网页 浏览器右上角区域显示
在这里插入图片描述

你可能感兴趣的:(vue,react)