vue3安装devtools

阅读本书更多章节>>>>

1.下载方式分为两种

1.1 devtools官网地址

1.2git clone

2.解压，用管理员身份进入vue-devtools目录

执行命令 npm install -g yarn

安装完成后，安装依赖 yarn install

yarn install 错误: 找不到或无法加载主类 install

参考此文章时发现，

重新下载 https://github.com/yarnpkg/yarn/releases/tag/v1.22.19 安装，安装完成手动更改环境变量path里面路径顺序，配置在jdk路径前面

检测版本 yarn -- version

3. yarn install

node版本问题，重新换一个版本

权限问题，更改文件权限，找到目录右键属性，进入更改（devtools允许写入）

查看了yarn config list

修改镜像路径

yarn config set registry https://registry.npm.taobao.org

继续执行yarn install

原因：electron安装失败

先删除根目录下面的node_modules/electron,

设置环境变量electron_mirror路径，重新安装electron；（基本走到这步都快成功了）

4.依赖下载完成，开始打包build;不加上watch会出错，至于原因应该与package.json文件里面打包命令有关

npm run build:watch

5.执行代码之后，一段时间之后没有变化，Ctrl+C退出，接下来执行dev

yarn run dev:chrome

出现此界面表示，已经成功了，Ctrl+C退出即可。

6.在Chrome浏览器 更多工具--> 扩展程序--> 加载已解压的扩展程序，选中devtools-->packages-->shell-chrome即可

阅读本书更多章节>>>>

本文链接：https://www.kjpai.cn/xuetang/2024-03-28/149818.html，文章来源：网络cs，作者：焦糖，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！