关于dev-tool安装方法(手动安装版)
更新时间：2024年07月01日 11:16:57 作者：YOGiii
这篇文章主要介绍了关于dev-tool安装方法(手动安装版),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
记录一下vue调试神器dev-tool的安装过程，由于是在公司内网，也不方便挂梯子，所以手动安装——下载源码在本地编译，再添加扩展程序的方式安装。
过程如下：
一、dev-tool源码获取
git地址：https://github.com/vuejs/devtools/tree/main
这里可以选择自己需要的版本，试了挺多版本，在安装的时候会遇到各种的文件缺失的问题，所以这里选择了一个v5.1.1版本，这个安装的过程基本比较顺畅，没什么大的问题。
源码下载两种方式，
第一种直接用git下载，git访问会出现连接失败的报错，有SSL验证和代理的问题，具体的问题遇到了可以自行搜索解决方法；
这里为了方便直接点击Download ZIP下载压缩包就好。
二、源码编译
这一步主要是安装依赖和编译源码，手动安装的过程官网教程也说得非常清楚，如果下载的版本一样的话直接执行以下指令就行
npm install//安装依赖,如果使用yarn进行包管理则yarn install npm run build
完成后可以在文件夹里找到这个文件
三、添加扩展程序
打开chrome浏览器，自定义及控制-更多工具-扩展程序，切换成开发者模式，点击加载已解压的扩展程序，选择第二步中的shells/chrome文件即可，
扩展程序的配置如下：
四、愉快地使用dev-tool
到此为止就可以使用dev-tool进行调试了，随便开一个vue项目，打开f12,切换到vue就ok了
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
本篇文章主要介绍了vue+socket.io+express+mongodb 实现简易多房间在线群聊示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-10-10
这篇文章主要介绍了Vue+Express实现登录,注销功能，本文通过实例代码讲解的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
Vuerouter的beforeEach与afterEach钩子函数的区别
本文详细的介绍了Vuerouter的beforeEach与afterEach钩子函数的区别和使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要为大家详细介绍了vue实现内容可滚动的弹窗效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
vue-cli创建项目时由esLint校验导致报错或警告的问题及解决
这篇文章主要介绍了vue-cli创建项目时由esLint校验导致报错或警告的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
这篇文章主要介绍了el-dialog关闭再打开后窗口内容不刷新问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要介绍了Vue中如何判断对象是否为空，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了前端Vue.js实现json数据导出到doc，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-09-09
本篇文章主要介绍了jquery在vue脚手架中的使用方式示例，非常具有实用价值，需要的朋友可以参考下2017-08-08
分页组件是一种用户界面元素,用于在长列表或数据集中分割内容,分页组件是每个开发人员必须掌握的一个组件,广泛应用在各个场所,用以用户方便阅读等,本文就给大家介绍一下如何基于vue写出的分页组件,需要的朋友可以参考下2023-08-08
最新评论