chrome 安装devtools

chrome 安装devtools

下载安装

链接:https://github.com/vuejs/devtools

选择对应版本:

安装yarn

下载

复制代码
npm install -g yarn --registry=https://registry.npmmirror.com

进入下载的目录安装依赖

复制代码
yarn install --registry=https://registry.npmmirror.com

依赖安装完成后,开始打包build。 需要注意,这里的命令需要带watch,如果不带,会出错

复制代码
yarn run build:watch

出现上面画面,ctrl+c退出即可

复制代码
yarn run dev:chrome

即出现successfully 就可以退出了

打开chrome浏览器扩展程序

选择shell-chrome

添加成功

相关推荐
yinuo18 分钟前
Git Submodule 与 Subtree 全方位对比:使用方式与场景选择
前端
yinuo27 分钟前
深入理解与实战 Git Subtree
前端
向上的车轮1 小时前
Actix Web 不是 Nginx:解析 Rust 应用服务器与传统 Web 服务器的本质区别
前端·nginx·rust·tomcat·appche
Liudef061 小时前
基于LLM的智能数据查询与分析系统:实现思路与完整方案
前端·javascript·人工智能·easyui
潘小安1 小时前
跟着 AI 学(三)- spec-kit +claude code 从入门到出门
前端·ai编程·claude
金梦人生2 小时前
让 CLI 更友好:在 npm 包里同时支持“命令行传参”与“交互式对话传参”
前端·npm
Mintopia2 小时前
🐋 用 Docker 驯服 Next.js —— 一场前端与底层的浪漫邂逅
前端·javascript·全栈
Mintopia2 小时前
物联网数据驱动 AIGC:Web 端设备状态预测的技术实现
前端·javascript·aigc
一个W牛2 小时前
报文比对工具(xml和sop)
xml·前端·javascript
鸡吃丸子2 小时前
浏览器是如何运作的?深入解析从输入URL到页面渲染的完整过程
前端