通过实例解析chrome如何在mac环境中安装vue-devtools插件
1之前在windows上装过，最近刚换了个mac本，重新安装下，也是为了记录下我安装的过程。
github下载vue-devtool到本地
下载地址https://github.com/vuejs/vue-devtools#vue-devtools
注意，下载的时候默认的是在dev分支，要切换到master,然后克隆到本地（可以先放桌面）
2.将下载的项目文件放入 Chrome浏览器的插件文件夹
在浏览器地址栏输入chrome://version/
找到路径之后，可以在顶部工具栏”前往“中直接输入文件地址
3.在default文件夹下新建Extensions文件夹(已经存在就不用新建了)，并且将下载的vue-devtool-master文件夹复制进去，cd进入该文件夹cd vue-devtools-master
4. 安装依赖
npm install
npm run build（没有这一步会报错哦～）
5.在地址栏输入chrome://extensions,打开右侧开发者模式
将vue-devtools-master/shells/chrome文件夹拖入扩展程序页面即可
如果以上步骤完成之后，在控制台还是不显示Vue的tab，以上vue图标不亮，点击图标出现vue.js not detected的提示还需要进行以下步骤
找到安装目录
修改mainifest.json文件中的persistent：false，修改成persistent：true。一般这个时候就可以正常使用了
如果还是不行，修改webpack.config.js的代码
修改成development，（可能正式版本发布的时候，需要修改回来，待验证）
再运行vue项目 就可以正常调试了
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue 实现axios拦截、页面跳转和token 验证，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
这篇文章主要介绍了vue2.x中的provide和inject用法小结,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-12-12
这篇文章主要为大家详细介绍了vant实现购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
reactive用来包装一个对象，使其每个对象属性都具有响应性（也就是深层次响应式），这篇文章主要介绍了vue3.2 reactive函数注意点及问题小结,需要的朋友可以参考下2022-12-12
这篇文章主要为大家详细介绍了使用vuedraggable实现从左向右拖拽功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
与后端生成二维码相比,前端生成二维码更具有灵活性,下面这篇文章主要给大家介绍了关于Vue实现生成二维码的简单方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了Vue 中的受控与非受控组件的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
最近在做一个基于vue的后台管理项目。接下来通过本文给大家分析一款基于vue做一个禅道主页拖拽效果,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了vue的图片需要用require的方式进行引入问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
这篇文章主要为大家详细介绍了Vue3中Composition的一些常见API的用法，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2023-06-06
最新评论