google浏览器安装vuejs-devtools插件2022-4-25记录

1、下载包

 git clone -b add-remote-devtools https://github.com/vuejs/devtools.git

2、安装node.js,下载地址如下：

https://npmmirror.com/mirrors/node/v16.14.2/node-v16.14.2-x64.msi

3、安装node，打开选择安装目录，一直next即可

4、安装cnpm，不用npm，因为--慢

npm install -g cnpm --registry=https://registry.npm.taobao.org

5、进入devtools目录--克隆的目录，安装依赖

cnpm i

6、构建

cnpm run build

7、修改manifest.json,文件--将"persistent": false，改为true

8、在google浏览器加入插件程序

选择的插件目录是devtools\shells\chrome，chrome这个文件夹，非最外层的dev-tools

google浏览器安装vuejs-devtools插件2022-4-25记录相关推荐

谷歌浏览器chrome安装vuejs devtools 插件
(推荐方法二) 方法一需正常打开chrome商店,搜索vuejs devtools 安装.chrome://extensions/ 开发者工具-扩展程序下启用: 方法二 github下载插件,npm ...
Mac电脑上给google浏览器安装json解析插件
第一步,下载JSON-Handle文件网址:http://jsonhandle.sinaapp.com/ 第二步,下载完成后,打开Google浏览器,访问chrome://extensions/,选 ...
如何在火狐浏览器中安装vuejs devtools
1.打开菜单 2.搜索vuejs devtools 3.查看插件详细信息 4.安装vuejs devtools插件 6.使用添加之后重启浏览器,点击F12你就可以看到找到最后一个选项你就可以看到Vu ...
软测自动化之Firefox火狐浏览器安装selenium IDE插件（一）
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:软测自动化之Firefox火狐浏览器安装selenium IDE插件(一) 提示:写完文章后,目录可以自动生成,如 ...
浏览器安装查看原型插件
浏览器安装查看原型插件 1.下载axure-chrome-extension浏览器扩展包 2.打开浏览器-找到设置-开发者模式-扩展程序 3.将解压的扩展程序包拖动进去即可 Chrome浏览器:设置- ...
如何将Google浏览器安装到D盘（内含教学视频）
如何将Google浏览器安装到D盘(内含教学视频) 教学视频下载链接地址:https://download.csdn.net/download/weixin_46411355/87503968 目录 ...
google浏览器安装vuejs-devtools插件2022年安装记录
Vue.js devtools 背景简介我们chrome插件网之前介绍过Vue.js devtools,是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览 ...
mac版 google浏览器安装vue-devtools 插件
1.下载地址 https://gitcode.net/mirrors/vuejs/vue-devtools/-/tree/master 解压得到 2.使用终端进入到文件夹目录内,可以打出cd,然后将文 ...
从chrome有的插件打包到其他的google浏览器安装使用(离线安装)
因家里的小电脑想把之前装的深度系统卸载掉,但是不小心弄错引导文件,导致开启启动不起来,因此只能相当于重装系统,此篇文章记录一下从chrome有的插件打包成crx,然后到其他的浏览器上安装使用,因为go ...
vue.js点击按钮导出_怎样安装vuejs devtools助力vuejs高效开发
vuejs devtools可以方便且高效的帮助前端开发者调试vuejs代码,vuejs devtool支持chrome和firefox,但是在境内用chrome安装浏览器插件不方便,所以本文介绍在f ...

google浏览器安装vuejs-devtools插件2022-4-25记录

google浏览器安装vuejs-devtools插件2022-4-25记录相关推荐

最新文章

热门文章