谷歌浏览器安装vue插件(vue-devtools)

时间:2024-05-21 16:58:11

第一步 下载vue-devtools

如果可以上谷歌商店,是可以直接安装的,不需要这么麻烦.
先去GitHub下载vue-devtools,链接如下
https://github.com/vuejs/vue-devtools/
不过我今天这个npm run build报错咋都解决不了,然后
下载master分支vue-devtools 可以打包编译成功,链接如下
https://github.com/vuejs/vue-devtools/tree/master
建议下载master分支vue-devtools,目前那个会报错
谷歌浏览器安装vue插件(vue-devtools)

第二步 npm

下载解压之后,在文件目录,打开终端,注意路径要在/vue-devtools文件夹里
谷歌浏览器安装vue插件(vue-devtools)
然后执行npm i 去安装依赖包,这里如果没有npm可以先安装node.js,它自带npm不过有可能版本低,要更新一下npm.
谷歌浏览器安装vue插件(vue-devtools)
然后执行 npm run build
谷歌浏览器安装vue插件(vue-devtools)
然后就可以去谷歌浏览器安装插件.

第三部 浏览器安装插件

在浏览器输入chrome://extensions/ 打开扩展中心,因为安装离线插件,要打开开发者模式
谷歌浏览器安装vue插件(vue-devtools)
点击加载已解压扩展程序 路径为vue-devtools-master\shells\chrome,这样就安装成功了.
谷歌浏览器安装vue插件(vue-devtools)

有什么不对的地方,欢迎各位指导,共同学习!