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
本文指导如何从下载Vue.js DevTools源码开始,通过安装Node.js和cnpm,配置manifest.json,最后将其添加为Chrome插件。步骤包括克隆库、安装依赖、构建并修改设置,适合前端开发者深入理解插件开发过程。
8139

被折叠的 条评论
为什么被折叠?



