手动安装vue-devtools（vue谷歌调试插件）

最新推荐文章于 2024-03-30 17:48:26 发布

ToMakeThings

最新推荐文章于 2024-03-30 17:48:26 发布

阅读量3.5k

点赞数

分类专栏：开发笔记

本文链接：https://blog.csdn.net/ToMakeThings/article/details/94717395

版权

开发笔记专栏收录该内容

0 篇文章 0 订阅

订阅专栏

手动安装vue-devtools（vue谷歌调试插件）

1.找到vue-devtools项目，并将项目clone到本地 git clone https://github.com/vuejs/vue-devtools.git 通过命令行下载可能下载不下来报一个443的错误，可以去gitHub官网搜索vue-devtools 一般显示在首位的就是我们要下载的那个插件了，然后通过浏览器下载下来
2.安装项目需要的npm依赖包 npm install 或 cnpm install
3.编译项目 npm run build
4.添加至chrome浏览器浏览器地址栏中输入 chrome://extensions/ 进入扩展程序页面，点击“加载已解压的扩展程序”按钮，选择vue-devtools中的shells文件夹下的chrome文件夹。
如果看不见“加载已解压的扩展程序…”按钮，则需要勾选“开发者模式”。

一下是本人无趣弄的公众号求关注 冷风渡
http://mp.weixin.qq.com/mp/video?__biz=MzUxMTYwMzEwOQ==&mid=100000023&sn=d085a0ff95a29bd92c7a18dbf65d7f96&vid=wxv_869970719805997056&idx=1&vidsn=5f3c22256e39063ab6823be3e623773d&fromid=1&scene=18&xtrack=1#wechat_redirect