谷歌浏览器安装vue-devtools

vue-devtools安装


安装之前,确保有node环境

下载

github下载地址
下载的方法有很多,这里就不一一叙述。如果不会git语法,最直接的方式就是点击clone or download下载zip到桌面解压。
在这里插入图片描述

安装

cd命令进入到vue-devtools-dev目录
在这里插入图片描述
运行npm install(也可使用淘宝镜像cnpm install)
在这里插入图片描述
打开vue-devtools-dev\shells\chrome这个目录下的manifest.json文件,将persistent中的false改为true
在这里插入图片描述
运行npm run build(也可使用淘宝镜像cnpm run build)
在这里插入图片描述
打开谷歌浏览器扩展程序
菜单->更多工具->扩展程序->加载已解压扩展程序
**未打开开发者模式的要在这个界面打开开发者模式
在这里插入图片描述
选择vue-devtools -> shells -> chrome文件夹
在这里插入图片描述
此时安装完成
在这里插入图片描述
**当然,如果你能够科学上网,在谷歌浏览器的插件市场直接搜索安装vue-devtools是最方便的。

发布了20 篇原创文章 · 获赞 25 · 访问量 7468

猜你喜欢

转载自blog.csdn.net/qq_41866776/article/details/100652077
今日推荐