Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决
这绝对是最详细的Vue开发工具vuejs-devtools安装教程,相信你只需要5分钟即可解决所有问题
所需的所有文件,链接:https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg 提取码:2yvc
一、vue.js插件下载
- 下载地址:vue.js插件下载;
- 点击进入Vue官网即可下载,共有两种版本的插件(开发版本:vue.js,生产版本:vue.main.js),建议使用开发版本。开发版本有更多的错误信息提示和调试,文件较大,生产办文件小但是很多提示不全,解决开发中遇到的bug不是很方便。
二、Vue开发工具vuejs-devtools下载
官网下载:Vue开发工具vuejs-devtools下载;
官网下载是跳转到github中下载,建议下载master分支中的版本,这个是最终获得认可的版本,开发分支dev中虽然是最新版本但是不是最终版本。此处默认已经选择了开发分支直接下载即可),并且官网下载后你需要通过npm安装一些依赖后才能导入谷歌浏览器中使用(后续会出教程,建议直接使用我准备好的,毕竟亲测可用)。
好男人提供已经安装好依赖的包,您可以直接下载后解压导入到谷歌浏览器中使用。链接:https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg 提取码:2yvc
三、Vue开发工具vuejs-devtools安装+使用
将好男人提供的vuejs-devtools解压后导入谷歌浏览器即可使用。如果是自己下载的前提需要配置manifest.json文件。右击打开manifest.json文件(记事本格式或者其他能打开的软件都行)找到persistent 将状态改成true(默认false)—好男人已经修改过了,你可以直接使用
根据下图打开谷歌浏览器中的【拓展程序】:
勾选【开发者模式】——点击【加载已解压的拓展程序】——选择刚刚解压的vuejs-devtools插件整个文件夹导入即可。导入后即可看到一件导入的vuejs-devtools插件。
用谷歌打开文件进入调试模式(按F12即可进入),即可在调试控制台看到vue页签。如下图:
四、常见问题解决
安装好插件后,打开文件并打开调试模式后没有vue页签,这可很常见,解决方法如下:
方法一:最常见的是我们引入vue插件时引入了生产版本(vue.main.js)也就是压缩后的版本,这个默认是关闭,需要在你的js文件中的创建vue前面写入:
Vue.config.devtools = true;
即可(不是在vue.main.js写这句话)。
方法二:导入Vue插件是我们选择开发版本的插件(vue.js)这样就不存在上诉的问题了。
其他方法01:这些方法都是网上流传的,不过有人说有用,有人说没用,这个看大家了,我觉得按方法一与方法二即可解决大部分问题。在扩展程序中点击这个拓展程序的详细信息,开启允许访问文件网址和在无痕模式下启用两项后就可以了。
其他方法02:进入调试模式时按F5+F12(两个同时按即可),这个我解决有点扯淡了,但是有人反馈成功过。也就写一下吧
Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决相关推荐
- Android Studio超级详细安装教程(AMD)
Android Studio超级详细安装教程(AMD) !!!必看!!! 本教程适合CPU为AMD的计算机使用,如果你的CPU为intel/英特尔请移步至Android Studio超级详细安装教程( ...
- C语言之开发工具:Visual Studio 2022安装教程
一,C 语言 C 语言是一种通用的高级语言,最初是由丹尼斯·里奇在贝尔实验室为开发 UNIX 操作系统而设计的.C 语言最开始是于 1972 年在 DEC PDP-11 计算机上被首次实现.在 197 ...
- mysql5.7.35安装配置教程【超级详细安装教程】
MySQL5.7.35安装教程 教程很简单一看就会(当然你如果嫌麻烦可以直接联系我远程安装@:1438608594:价格:19.9/次) 方法一:以压缩包的形式进行安装 方法二:以安装程序方式进行安装 ...
- VMware12安装虚拟机教程、Ubuntu16.04安装教程、常见问题解决方法
虚拟机.Linux操作系统介绍及下载地址 虚拟机VMware Workstation Pro 12.1.0 for Windows下载地址: http:// www. vmware.com/cn/ ( ...
- revit二次开发lookup和addin的详细安装教程
今天我会讲一下lookup的安装和Addin的安装以及他们有什么样的作用,这个在以后的开发过程中是十分的重要的,我也会根据revit二次开发的书籍进行进一步的学习和解读里面的相关的一些内容: 首先我们 ...
- archlinux下详细安装教程及常见问题解答
--archlinux 版本是 2010.5 月的发行版-- grub 0.4.4 menu.lst 写上下面的这些 title archlinux2010.5 map --mem --heads=0 ...
- Linux基础篇① (Linux介绍;VM和CentOS详细安装教程;工具环境搭建,配置;Linux目录结构)
目录 第一章 Linux入门 1.1 Linux应用领域 1.1.1 个人桌面领域的应用 1.1.2 服务器领域 1.1.3 嵌入式领域 1.2 Linux介绍 1.2.1 linux概述 1.3 L ...
- 超级账本Fabric 2.x 详细安装步骤及可能问题解决方式
超级账本Fabric 2.x 详细安装步骤及可能问题解决方式 使用系统版本:Ubuntu 18.04 提示1:任何命令错误都可以试试加sudo提升权限!!! 提示2:如果Ubuntu系统没有换源可以参 ...
- 苹果新越狱工具Checkra1n详细安装教程
苹果新越狱工具发布,支持iOS 13最新版,详细安装教程看这里 苹果发布iOS 13.2.2更新,旨在解决后台频繁关闭问题,同时iPad OS也同步推出13.2.2版本. 11月11日,漫长的等待终于 ...
- Vetur:VSCode下强大的Vue开发工具
Vue自从发布以来就一直受到前端开发人员的热爱,而除了一些本身优秀的特征之外,还有就是丰富的插件和工具的支持和更新.虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发,但是越来越多优 ...
最新文章
- Tomcat的虚拟主机的配置
- 使用jar命令查看搜索提取jar包中的文件
- 软件工程导论团队项目
- 微软开源 TensorFlow-DirectML,为 WSL2 提供 GPU 支持
- 项目的权限设计的小计
- element 表格数据过多时 进行鼠标移上去展示全部
- EasyRecovery如何恢复CMake项目文件
- 红外接收头图片_红外接收头引脚定义图解
- 有赞云支付php接口,有赞个人免签支付设置
- linux 卸载dnw命令,linux下使用usb2ram替代dnw
- JRebel安装、使用
- 伸展树 自底向上 自顶向下
- Cocos Creator 基于 Spine 动画的 AVATAR 换装系统优化
- 洗地机怎么选?洗地机品牌排行榜
- 刚刚!微软又放大招!让草稿几秒钟变App!
- .bat文件闪退,原因及解决
- VRChat简易教程4-使用VRC的接口实现物体的移动(VRC的action和trigger接口)
- 顺丰速运扩大全球业务范围,正式进军新西兰市场
- Maven整合Nexus私服
- 公司担心 DDoS 攻击对客户的挫败感和品牌损害