首页 > 其他分享 >安装 Vue 开发者工具:装插件调试 Vue 应用

安装 Vue 开发者工具:装插件调试 Vue 应用

时间:2023-11-27 11:33:56浏览次数:41  
标签:解压 插件 Vue 浏览器 开发者 安装

(1) 通过谷歌应用商店安装 (国外网站)

(2) 极简插件: 下载 →  开发者模式 →  拖拽安装  →  插件详情允许访问文件

          https://chrome.zzzmh.cn/index

下载的文件,解压。

chrome浏览器,右上角点击-》更多工具=》扩展程序。打开开发者模式

将解压的文件拖到空白区域

添加成功后,修改详情

 

重启浏览器,多出一个Vue,说明安装成功

 

打开 Vue 运行的页面,调试工具中 Vue 栏,即可查看修改数据,进行调试。

-------------------------------------------------------------------------------------------------------------------------------

按照视频无法安装插件,网上找到解决方法:

解决方法如下:
1、首先下载浏览器插件crx文件,鼠标右键修改文件名后缀由crx改为rar。
2、解压成文件夹,打开浏览器,依次点击浏览器的右上角,更多工具,扩展程序,打开右上角的开发者模式开关。
3、点击加载已解压的扩展程序,选择之前解压的扩展程序目录。点击确认,可以看到对应的扩展程序已经安装好了。

标签:解压,插件,Vue,浏览器,开发者,安装
From: https://www.cnblogs.com/nizi-ver1/p/17858919.html

相关文章

  • NineData:帮助开发者用好数据和云
    导语:数据库工具是指用于创建、设计、管理、开发、维护和优化数据库的一系列软件工具,包括数据库设计工具、数据库迁移与复制、数据库管理工具、数据安全工具等,这些工具可以帮助数据库管理员和开发人员更高效地管理、使用和开发数据库,减少人工维护和管理的成本,因此被广泛使用于各......
  • Java开发者的Python快速进修指南:网络编程及并发编程
    今天我们将对网络编程和多线程技术进行讲解,这两者的原理大家都已经了解了,因此我们主要关注的是它们的写法区别。虽然这些区别并不是非常明显,但我们之所以将网络编程和多线程一起讲解,是因为在学习Java的socket知识时,我们通常会将它们结合使用,以实现服务器对多个客户端连接的阻塞IO......
  • 前端开发-vscode必备插件
    1.AutoCloseTag自动闭合html标签2.AutoImport自动引入3.AutoRenameTag自动重命名4.AutoScssStruct4Vue根据vue文件的模板template结构,自动生成对应的scss文件 5.CodeSnap代码生成图片6.codeTour代码向导,适合调......
  • vue2跨级组件传值
    //祖先组件importSonfrom'./Son'exportdefault{components:{Son},provide(){return{money:1000000000}}}子孙组件<template> <div>  孙子组件  <p>这个是爷爷传给我的钱:{{money}}</p> </div&......
  • vue2兄弟组件传值
    //1创建一个公共的vue实例(bus)importVuefrom'vue'constbus=newVue()exportdefaultbus<!-- brother1--><template> <div>  兄弟1组件  <p>   <button@click="send">传值给兄弟2</button>  </p&......
  • VUE 安装环境
    安装vue 工具cnpminstall-g@vue/cli验证是否安装成功vue--version创建VUE项目(vue-demo,名字要小写)vuecreatevue-demo ......
  • Java开发者的Python快速进修指南:自定义模块及常用模块
    好的,按照我们平常的惯例,我先来讲一下今天这节课的内容,以及Java和Python在某些方面的相似之处。Python使用import语句来导入包,而Java也是如此。然而,两者之间的区别在于Python没有类路径的概念,它直接使用.py文件的文件名作为导入路径,并将其余的工作交给Python解释器来扫描和处理。另......
  • vue-ui
    使用vue-ui新建一个vue项目@vue/cli-ui 是vue-cli内置的一套成熟的UI。Vue-cli的3.x版本由内到外完全重写,带来了许多很棒的新特性。你可以在你的项目中选用路由、Vuex和Typescript等等特性,并为项目添加“vue-cli插件”。不过,这么多的选项也意味着它更加复杂,难以上手。因......
  • Java开发者的Python快速进修指南:面向对象进阶
    在上一期中,我们对Python中的对象声明进行了初步介绍。这一期,我们将深入探讨对象继承、组合以及多态这三个核心概念。不过,这里不打算赘述太多理论,因为我们都知道,Python与Java在这些方面的主要区别主要体现在语法上。例如,Python支持多重继承,这意味着一个类可以同时继承多个父类的属性......
  • Java开发者的Python快速进修指南:面向对象--高级篇
    首先,让我来介绍一下今天的主题。今天我们将讨论封装、反射以及单例模式。除此之外,我们不再深入其他内容。关于封装功能,Python与Java大致相同,但写法略有不同,因为Python没有修饰符。而对于反射来说,我认为它比Java简单得多,不需要频繁地获取方法和属性,而是有专门的方法来实现。最后,我......