vue3安装devtools

vue3安装devtools

1.下载方式分为两种

1.1 devtools官网地址

1.2git clone

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

  1. 执行命令 npm install -g yarn

  1. 安装完成后,安装依赖 yarn install

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

参考此文章时发现,

重新下载 https://github.***/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即可

转载请说明出处内容投诉
CSS教程_站长资源网 » vue3安装devtools

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买