Vue Devtools 安装

vue 496849654@qq.com 1年前 (2023-08-24) 1190次浏览

官网地址:https://devtools.vuejs.org/
chrome商店地址(国内不翻墙打不开):https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

我们只能自己下载后自己打包:

github地址:https://github.com/vuejs/devtools

Vue Devtools 安装

直接下载ZIP压缩包,也可以git clone https://github.com/vuejs/devtools.git

解压后得到的文件

Vue Devtools 安装

1、安装依赖
我这里用yarn 版本 1.22.19

yarn install

2、安装依赖完成后,打包

yarn build

3、安装
chrome 浏览器地址栏打开

chrome://extensions/

Vue Devtools 安装
点击 加载已解压的扩展程序

Vue Devtools 安装

找的项目的 packages文件夹 选择 shell-chrome 文件夹

Vue Devtools 安装

安装完成后的效果

Vue Devtools 安装

F12 找到 Vue选项,可以正常使用。

这里给提供一个shell-chrome的压缩包,可以下载下来直接安装

shell-chrome下载


css315 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Vue Devtools 安装
喜欢 (2)